OpenProject is the leading open source project management software.
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.
 
 
 
 
 
 
openproject/app/assets/stylesheets/content/_user_avatars.lsg

44 lines
1.1 KiB

# 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" />
```
## 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&amp;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>
```