mirror of
https://github.com/sudoxnym/habitica.git
synced 2026-05-22 13:48:46 +00:00
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:
parent
b10d4606f5
commit
0943a229ec
1 changed files with 8 additions and 6 deletions
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in a new issue