fix(avatar.styl): improve label layout

Fixes #4349

* Tweak position of labels to align better with background border.
* Increase z-index of share button to prevent it being obscured by
avatar.
* Move share button to bottom left corner to prevent it obscuring
avatar name.
This commit is contained in:
benmanley 2014-12-12 17:38:17 +00:00
parent b10d4606f5
commit 0943a229ec

View file

@ -31,16 +31,17 @@ future re: pets and whatnot, this is just temporary.
position: absolute
@extend $hrpg-label
.avatar-level
bottom: 2px
right: 2px
bottom: 4px
right: 4px
// when a buff/rebirth exists, add space between the icon and the level
.glyphicon-circle-arrow-up
padding-right: 4px
.glyphicon-plus-sign
padding-left: 4px
.avatar-name
top: 2px
left: 2px
max-width: 132px
top: 4px
left: 4px
opacity: 0 // Hide username by default
transition: opacity 0.2s ease-out
@ -83,8 +84,9 @@ future re: pets and whatnot, this is just temporary.
width: 50px !important
.addthis_native_toolbox
position: absolute
top:2px
right:2px
bottom:4px
left:4px
z-index: 2
opacity:0
&:hover .addthis_native_toolbox
opacity:1