frontend: adds reduced motion compatibility

Signed-off-by: Vincent T <[email protected]>
headlamp-k8s · Oct 4, 2023 · 9c9beaf · 9c9beaf
1 parent 8808d91
commit 9c9beaf
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/frontend/src/lib/themes.ts b/frontend/src/lib/themes.ts
@@ -144,6 +144,18 @@ const commonRules = {
     borderRadius: 4,
   },
   overrides: {
+    MuiCssBaseline: {
+      '@global': {
+        '@media (prefers-reduced-motion: reduce)': {
+          '*': {
+            animationDuration: '0.01ms !important',
+            animationIterationCount: '1 !important',
+            transitionDuration: '0.01ms !important',
+            scrollBehavior: 'auto !important',
+          },
+        },
+      },
+    },
     MuiTooltip: {
       tooltip: {
         fontSize: '1.3em',