Merge branch 'respect-prefersreducedmotion-des-221'

mullvad · Jan 5, 2024 · 1bcf0ef · 1bcf0ef
2 parents b291200 + 2499cde
commit 1bcf0ef
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -24,6 +24,7 @@ Line wrap the file at 100 chars.                                              Th
 ## [Unreleased]
 ### Added
 - Add account UUID to verbose 'mullvad account get -v' output.
+- Respect OS prefer-reduced-motion setting
 
 #### Android
 - Add support for all screen orientations.

diff --git a/gui/assets/css/global.css b/gui/assets/css/global.css
@@ -30,3 +30,13 @@ body {
   width: 100%;
   display: flex;
 }
+
+@media (prefers-reduced-motion: reduce) {
+  * {
+    transition-duration: 1ms !important;
+  }
+
+  .map-zoomable-group {
+    transition-duration: 0ms !important;
+  }
+}
diff --git a/gui/src/renderer/components/SvgMap.tsx b/gui/src/renderer/components/SvgMap.tsx
@@ -232,6 +232,7 @@ function SvgMap(props: IProps) {
       projectionConfig={projectionConfig}>
       <ZoomableGroup
         center={zoomCenter}
+        className="map-zoomable-group"
         zoom={zoomLevel}
         onTransitionEnd={removeOldViewportBboxes}
         style={zoomableGroupStyle}