diff options
| author | Oskar Nyberg <oskar@mullvad.net> | 2023-12-28 16:47:35 +0100 |
|---|---|---|
| committer | Oskar Nyberg <oskar@mullvad.net> | 2024-01-05 17:07:47 +0100 |
| commit | 2499cde4ae63d3d95e29538200edfb5a1bd8afdb (patch) | |
| tree | 2444cf05af22334d8f3a8ad3f0cc2521380fd24a | |
| parent | b2912004018bcc4c2e9e3313cc6d3468f20ce2b9 (diff) | |
| download | mullvadvpn-2499cde4ae63d3d95e29538200edfb5a1bd8afdb.tar.xz mullvadvpn-2499cde4ae63d3d95e29538200edfb5a1bd8afdb.zip | |
Respect prefer-reduced-motion
| -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} |