From fbfdd8338b0dd5cdfbb59da17a4ff94c459e7241 Mon Sep 17 00:00:00 2001 From: ed Date: Sun, 18 Feb 2024 14:11:48 +0000 Subject: [PATCH] respect `prefers-reduced-motion` some more places --- copyparty/web/browser.css | 24 +++++++++++++++++++++--- copyparty/web/ui.css | 8 ++++++++ 2 files changed, 29 insertions(+), 3 deletions(-) diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css index 8f35960c..18ae6a16 100644 --- a/copyparty/web/browser.css +++ b/copyparty/web/browser.css @@ -1151,9 +1151,6 @@ html.y #widget.open { @keyframes spin { 100% {transform: rotate(360deg)} } -@media (prefers-reduced-motion) { - @keyframes spin { } -} @keyframes fadein { 0% {opacity: 0} 100% {opacity: 1} @@ -3170,3 +3167,24 @@ html.d #treepar { padding: 0.2em; } } + + + + + +@media (prefers-reduced-motion) { + @keyframes spin { } + @keyframes gexit { } + @keyframes bounce { } + @keyframes bounceFromLeft { } + @keyframes bounceFromRight { } + + #ggrid>a:before, + #widget.anim, + #u2tabw, + .dropdesc, + .dropdesc b, + .dropdesc>div>div { + transition: none; + } +} diff --git a/copyparty/web/ui.css b/copyparty/web/ui.css index e27030ec..ffed63e3 100644 --- a/copyparty/web/ui.css +++ b/copyparty/web/ui.css @@ -580,3 +580,11 @@ hr { border: .07em dashed #444; } } + +@media (prefers-reduced-motion) { + #toast, + #toast a#toastc, + #tt { + transition: none; + } +} \ No newline at end of file