From e14930e7c4d15d7d43ca2ab72d0ea9b0593b9461 Mon Sep 17 00:00:00 2001
From: Ariya Hidayat <ariya@metabase.com>
Date: Wed, 27 Oct 2021 10:18:35 -0700
Subject: [PATCH] Disable dashboard transition when reduced-motion is preferred
(#18693)
---
frontend/src/metabase/css/dashboard.css | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/frontend/src/metabase/css/dashboard.css b/frontend/src/metabase/css/dashboard.css
index 5eb4134ae93..a459679c66f 100644
--- a/frontend/src/metabase/css/dashboard.css
+++ b/frontend/src/metabase/css/dashboard.css
@@ -161,6 +161,13 @@
border-radius: 8px;
}
+@media (prefers-reduced-motion) {
+ /* short duration (instead of none) to still trigger transition events */
+ .DashCard {
+ transition-duration: 10ms !important;
+ }
+}
+
.Dash--editing .DashCard.react-draggable-dragging .Card {
box-shadow: 3px 3px 8px var(--color-shadow);
}
--
GitLab