From 319e9359b29246737db5ea228adc6660ee78e341 Mon Sep 17 00:00:00 2001 From: grandeljay Date: Sun, 12 Jun 2022 10:44:04 +0200 Subject: [PATCH] Improve support for reduced motion preference --- src/assets/css/default.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/assets/css/default.css b/src/assets/css/default.css index b24fb26b..62f56822 100644 --- a/src/assets/css/default.css +++ b/src/assets/css/default.css @@ -194,12 +194,15 @@ figure { } @media (hover: hover) { .wishlist .ui.card > .image > span.provider { - transition: opacity 0.2s linear; - position: absolute; opacity: 0; } + @media (prefers-reduced-motion: no-preference) { + .wishlist .ui.card > .image > span.provider { + transition: opacity 0.2s linear; + } + } .wishlist .ui.card:hover > .image > span.provider { display: block; @@ -257,8 +260,6 @@ figure { /** Buttons */ .wishlist .ui.card > .extra.buttons { - transition: 0.4s ease opacity; - display: flex; background-color: inherit; @@ -266,8 +267,6 @@ figure { } @media (hover: hover) { .wishlist .ui.card > .extra.buttons { - transition: opacity 0.2s ease; - position: absolute; top: unset; right: 0;