Disable sidebar animations when prefers-reduced-motion

TrestleAdmin · Jul 24, 2024 · 37a8555 · 37a8555
1 parent 4f6644d
commit 37a8555
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/app/assets/bundle/trestle/admin.css b/app/assets/bundle/trestle/admin.css
diff --git a/frontend/css/layout/_navigation.scss b/frontend/css/layout/_navigation.scss
@@ -254,3 +254,12 @@
     }
   }
 }
+
+@media (prefers-reduced-motion) {
+  .app-nav {
+    .nav-label,
+    .nav-header a span {
+      transition: none;
+    }
+  }
+}
diff --git a/frontend/css/layout/_sidebar.scss b/frontend/css/layout/_sidebar.scss
@@ -289,3 +289,10 @@
     }
   }
 }
+
+@media (prefers-reduced-motion) {
+  .app-sidebar,
+  .app-wrapper {
+    transition: none;
+  }
+}