diff options
| author |  tobi <31960611+tsmethurst@users.noreply.github.com> | 2024-07-21 14:22:08 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com> | 2024-07-21 14:22:08 +0200 |
| commit | 027a93facc73b78e3c3747ab796f4a14b1b4936f (patch) | |
| tree | 51838cd9fdf607ad46fdfa77a9424fdd8f5cd98d /web/source/css/base.css | |
| parent | [bugfix] update common get target account / status doing refresh async (#3124) (diff) | |
| download | gotosocial-027a93facc73b78e3c3747ab796f4a14b1b4936f.tar.xz | |
[feature/frontend] Respect `prefers-reduced-motion` for avatars, headers, and emojis (#3118)
* [feature/frontend] Respect `prefers-reduced-motion` for avatars, headers, and emojis
* go fmt
* fix tests
* use static version of instance thumbnail when appropriate
* use prefers-reduced-motion
* simplify account conversion a bit
* fix c&p error
Diffstat (limited to 'web/source/css/base.css')
| -rw-r--r-- | web/source/css/base.css | 26 |
1 files changed, 14 insertions, 12 deletions
diff --git a/web/source/css/base.css b/web/source/css/base.css index 522820f15..630e4a6d2 100644 --- a/web/source/css/base.css +++ b/web/source/css/base.css @@ -187,18 +187,20 @@ input, select, textarea, .input { margin: -0.2em 0.02em 0; object-fit: contain; vertical-align: middle; - transition: 0.1s; - - /* - Enlarge emojis on hover to give - viewer a good look at them. - */ - &:hover, &:active { - transform: scale(2); - background-color: $bg; - box-shadow: $boxshadow; - border: $boxshadow-border; - border-radius: $br-inner; + + @media (prefers-reduced-motion: no-preference) { + /* + Enlarge emojis on hover to give + viewer a good look at them. + */ + transition: 0.1s; + &:hover, &:active { + transform: scale(2); + background-color: $bg; + box-shadow: $boxshadow; + border: $boxshadow-border; + border-radius: $br-inner; + } } } |