forked from mirrors/gotosocial
[feature] Enlarge active/hovered custom emojis in statuses (#877)
* enlarge active/hovered custom emojis in statuses * use transform, make emojis pop a lil more * tweak emoji hover timing, styling Co-authored-by: f0x <f0x@cthu.lu>
This commit is contained in:
parent
deba75cad1
commit
f7af7c061c
1 changed files with 12 additions and 1 deletions
|
@ -127,7 +127,6 @@ main {
|
|||
margin: 0;
|
||||
grid-column: 2 / span 2;
|
||||
grid-row: span 1;
|
||||
overflow: hidden;
|
||||
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
@ -176,6 +175,18 @@ main {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.emoji {
|
||||
transition: 0.1s;
|
||||
}
|
||||
|
||||
.emoji:hover, .emoji:active {
|
||||
transform: scale(1.75);
|
||||
background-color: $bg;
|
||||
box-shadow: $boxshadow;
|
||||
border: $boxshadow-border;
|
||||
border-radius: $br-inner;
|
||||
}
|
||||
}
|
||||
|
||||
.media {
|
||||
|
|
Loading…
Reference in a new issue