Fix: Icons - Hourglass icon for reduce animation at sync black7375#909

Hou-Rui · Jul 4, 2024 · 09ea008 · 09ea008
1 parent 0022929
commit 09ea008
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
diff --git a/src/icons/_panel.scss b/src/icons/_panel.scss
@@ -205,6 +205,13 @@
 #PanelUI-fxa-menu-setup-sync-button {
   list-style-image: url("chrome://browser/skin/sync.svg");
 }
+@media (prefers-reduced-motion: reduce) {
+  #PanelUI-fxa-menu-syncnow-button[syncstatus="active"] > .toolbarbutton-icon,
+  #PanelUI-remotetabs-syncnow[syncstatus="active"] > .toolbarbutton-icon,
+  .syncNowBtn[syncstatus="active"] {
+    list-style-image: url("chrome://browser/skin/tabbrowser/hourglass.svg") !important;
+  }
+}
 
 #PanelUI-fxa-menu-connect-device-button {
   list-style-image: url("../icons/add-device.svg");