From 96841df5f8bf732d1fa7e2d415fe891d6ce6614d Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Sun, 26 Mar 2023 14:49:04 +1000
Subject: [PATCH] Ensure sync spinner spins when reduce motion is on

---
 qt/aqt/data/web/css/webview.scss | 2 +-
 qt/aqt/toolbar.py                | 2 +-
 sass/base.scss                   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/qt/aqt/data/web/css/webview.scss b/qt/aqt/data/web/css/webview.scss
index 589387aaa..a7fcaa500 100644
--- a/qt/aqt/data/web/css/webview.scss
+++ b/qt/aqt/data/web/css/webview.scss
@@ -23,7 +23,7 @@ body {
         @include scrollbar.custom;
     }
     &.reduce-motion,
-    &.reduce-motion * {
+    &.reduce-motion *:not(.no-reduce-motion) {
         transition: none !important;
         animation: none !important;
     }
diff --git a/qt/aqt/toolbar.py b/qt/aqt/toolbar.py
index 9fd44abdf..1b1747260 100644
--- a/qt/aqt/toolbar.py
+++ b/qt/aqt/toolbar.py
@@ -388,7 +388,7 @@ class Toolbar:
 
         return f"""
 <a class=hitem tabindex="-1" aria-label="{name}" title="{title}" id="{label}" href=# onclick="return pycmd('{label}')"
->{name}<img id=sync-spinner src='/_anki/imgs/refresh.svg'>
+>{name}<img id=sync-spinner class="no-reduce-motion" src='/_anki/imgs/refresh.svg'>
 </a>"""
 
     def set_sync_active(self, active: bool) -> None:
diff --git a/sass/base.scss b/sass/base.scss
index 6bca5fff4..9e7f7007e 100644
--- a/sass/base.scss
+++ b/sass/base.scss
@@ -50,7 +50,7 @@ body {
         @include scrollbar.custom;
     }
     &.reduce-motion,
-    &.reduce-motion * {
+    &.reduce-motion *:not(.no-reduce-motion) {
         transition: none !important;
         animation: none !important;
     }