DRY on avatars
This commit is contained in:
parent
b04a2638a5
commit
7be56849d9
7 changed files with 15 additions and 20 deletions
|
|
@ -339,7 +339,6 @@ body > header {
|
||||||
left: 8px;
|
left: 8px;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-nav {
|
.header-nav {
|
||||||
|
|
|
||||||
|
|
@ -31,22 +31,22 @@ a { color : $link-blue }
|
||||||
.icon-blue { background-image: image_url("img/glyphicons-halflings-blue.png"); }
|
.icon-blue { background-image: image_url("img/glyphicons-halflings-blue.png"); }
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
|
border-radius: 4px;
|
||||||
|
|
||||||
&.micro {
|
&.micro {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 20px;
|
width: 20px;
|
||||||
box-shadow: 0px 1px 2px 0px #666;
|
|
||||||
-webkit-box-shadow: 0px 1px 2px 0px #666;
|
|
||||||
-moz-box-shadow: 0px 1px 2px 0px #666;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.small {
|
&.small {
|
||||||
height: 35px;
|
height: 35px;
|
||||||
width: 35px;
|
width: 35px;
|
||||||
box-shadow: 0px 1px 2px 0px #666;
|
}
|
||||||
-webkit-box-shadow: 0px 1px 2px 0px #666;
|
|
||||||
-moz-box-shadow: 0px 1px 2px 0px #666;
|
&.medium {
|
||||||
border-radius: 4px;
|
height: auto;
|
||||||
|
width: auto;
|
||||||
|
max-width: 75px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -13,5 +13,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#profile_photo_upload .avatar {
|
#profile_photo_upload .avatar {
|
||||||
max-width: 150px;
|
height: auto;
|
||||||
}
|
width: auto;
|
||||||
|
max-width: 200px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -78,10 +78,6 @@
|
||||||
.avatar {
|
.avatar {
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
box-shadow: 0px 1px 2px 0px #666;
|
|
||||||
-webkit-box-shadow: 0px 1px 2px 0px #666;
|
|
||||||
-moz-box-shadow: 0px 1px 2px 0px #666;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.unread-toggle {
|
.unread-toggle {
|
||||||
|
|
|
||||||
|
|
@ -20,9 +20,6 @@
|
||||||
line-height: $font-size-text;
|
line-height: $font-size-text;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.avatar.medium {
|
|
||||||
max-width: 75px;
|
|
||||||
}
|
|
||||||
.bd {
|
.bd {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -72,7 +72,7 @@
|
||||||
<div class="user-menu-more-indicator">
|
<div class="user-menu-more-indicator">
|
||||||
▼
|
▼
|
||||||
</div>
|
</div>
|
||||||
<img alt="{{current_user.name}}" class="user-menu-avatar" src="{{current_user.avatar.small}}" title="{{current_user.name}}" />
|
<img alt="{{current_user.name}}" class="avatar user-menu-avatar" src="{{current_user.avatar.small}}" title="{{current_user.name}}" />
|
||||||
<a class="user-name" href="#">{{current_user.name}}</a>
|
<a class="user-name" href="#">{{current_user.name}}</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="user-menu-item"><a href="/people/{{current_user.guid}}">{{t "header.profile"}}</a></li>
|
<li class="user-menu-item"><a href="/people/{{current_user.guid}}">{{t "header.profile"}}</a></li>
|
||||||
|
|
|
||||||
|
|
@ -58,7 +58,7 @@
|
||||||
window.onload = createUploader;
|
window.onload = createUploader;
|
||||||
|
|
||||||
#profile_photo_upload
|
#profile_photo_upload
|
||||||
= owner_image_tag(:thumb_medium)
|
= owner_image_tag(:thumb_large)
|
||||||
|
|
||||||
.clearfix
|
.clearfix
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue