diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2022-10-02 15:54:49 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2022-10-02 15:54:49 +0200 |
| commit | f7af7c061c41de08a455d39da490f4e52dd5e025 (patch) | |
| tree | a7fe842748eae87413fe3ab3afb4e5e1afe897c5 | |
| parent | [chore] Use shorter timestamps in frontend for replies (#875) (diff) | |
| download | gotosocial-f7af7c061c41de08a455d39da490f4e52dd5e025.tar.xz | |
[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>
| -rw-r--r-- | web/source/css/status.css | 13 |
1 files changed, 12 insertions, 1 deletions
diff --git a/web/source/css/status.css b/web/source/css/status.css index c057aec4b..b4c62d65f 100644 --- a/web/source/css/status.css +++ b/web/source/css/status.css @@ -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 { |