[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:
tobi 2022-10-02 15:54:49 +02:00 committed by GitHub
parent deba75cad1
commit f7af7c061c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 1 deletions

View File

@ -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 {