From ce2961ebd673655578705498f569cdc34c61c39a Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 4 Mar 2025 11:55:37 +0200
Subject: [PATCH] style(next)/toolbar: animate the sync status icon

---
 src/public/stylesheets/theme-next/shell.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index e02c81836..4634133cf 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -201,6 +201,22 @@ body.layout-horizontal > .horizontal {
     top: 3px;
 }
 
+@keyframes sync-icon-animation {
+    from {
+        transform: rotate(360deg);
+    } to {
+        transform: rotate(0deg);
+    }
+}
+
+/* Sync in progres / unknown sync status icon */
+#launcher-pane .sync-status-icon.sync-status-in-progress::before,
+#launcher-pane .sync-status-icon.sync-status-unknown::before {
+    display: block;
+    content: "\ec37";
+    animation: sync-icon-animation 2s linear infinite;
+}
+
 #launcher-pane .sync-status-icon:not(.sync-status-in-progress):hover {
     background: unset;
 }