mirrors
/
gotosocial
mirror of
1
Fork 0
Code Issues Releases Activity

[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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/source/css/status.css
View File

@ -127,7 +127,6 @@ main {
margin: 0; margin: 0;
grid-column: 2 / span 2; grid-column: 2 / span 2;
grid-row: span 1; grid-row: span 1;
overflow: hidden;
position: relative; position: relative;
z-index: 2; 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 { .media {