kanbanworkflowstimelinescrumrubyroadmapproject-planningproject-managementopenprojectangularissue-trackerifcgantt-chartganttbug-trackerboardsbcf
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.1 KiB
45 lines
1.1 KiB
10 years ago
|
# User Avatars
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
Default:<br />
|
||
|
|
<img class="avatar" src="/assets/default-avatar.png" />
|
||
|
|
<br /><br />
|
||
|
|
Default Mini:<br />
|
||
|
|
<img class="avatar-mini" src="/assets/default-avatar.png" />
|
||
|
|
<br /><br />
|
||
|
|
Gravatar:<br />
|
||
|
|
<img src="http://gravatar.com/avatar/cb4f282fed12016bd18a879c1f27ff97" class="avatar" />
|
||
|
|
<br /><br />
|
||
|
|
Gravatar Mini:<br />
|
||
|
|
<img src="http://gravatar.com/avatar/cb4f282fed12016bd18a879c1f27ff97" class="avatar-mini" />
|
||
|
|
|
||
|
|
```
|
||
10 years ago
|
|
||
|
|
## User Avatar with Container
|
||
|
|
### with a user
|
||
|
|
|
||
|
|
```
|
||
|
|
<div class="user-avatar--container">
|
||
|
|
<img class="user-avatar--avatar" alt="Avatar" title="Max Mustermann" src="http://gravatar.com/avatar/ae4878114ca94594589106efaad8890e?default=wavatar&secure=false">
|
||
|
|
<span class="user-avatar--user-with-role">
|
||
|
|
<span class="user-avatar--user">
|
||
|
|
<a class="user-avatar--user-link" href="#">Max Mustermann</a>
|
||
|
|
</span>
|
||
|
|
<span class="user-avatar--role">
|
||
|
|
Fully Generic Person
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
```
|
||
|
|
|
||
|
|
### without a user
|
||
|
|
|
||
|
|
```
|
||
|
|
<div class="user-avatar--container">
|
||
|
|
<span class="user-avatar--user-with-role">
|
||
|
|
<span class="user-avatar--user"> - </span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
```
|