diff options
| -rw-r--r-- | CHANGELOG.md | 1 | ||||
| -rw-r--r-- | gui/assets/css/global.css | 10 | ||||
| -rw-r--r-- | gui/src/renderer/components/SvgMap.tsx | 1 |
3 files changed, 12 insertions, 0 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 08e03e88a2..13bb72f6a9 100644 --- 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 index 06f8838934..dfa159e020 100644 --- 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 index 680facb558..bfc87f23fe 100644 --- 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} |