From cc9fc193f6b0e426ddd084dee012049386bbef97 Mon Sep 17 00:00:00 2001
From: Jon Robson <jdlrobson@gmail.com>
Date: Fri, 30 Sep 2022 16:50:22 -0700
Subject: [PATCH] Adjust watchstar animation

Rather than infinitely spinning, spin it once 72deg to the right
hand side just how we do on mobile.

Bug: T317371
Change-Id: I1ed89e4ad2b54444f920d850bb4a17e9caa92dc5
---
 .../components/TabWatchstarLink.less                   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/resources/skins.vector.styles/components/TabWatchstarLink.less b/resources/skins.vector.styles/components/TabWatchstarLink.less
index f0fa877a..dee5d885 100644
--- a/resources/skins.vector.styles/components/TabWatchstarLink.less
+++ b/resources/skins.vector.styles/components/TabWatchstarLink.less
@@ -63,12 +63,20 @@
 
 // Loading watchstar link class.
 .vector-feature-visual-enhancement-next-enabled {
+	.mw-watchlink a:before {
+		transition: transform 500ms;
+	}
+
 	.mw-watchlink .loading:before {
-		.rotation( 500ms );
 		/* Suppress the hilarious rotating focus outline on Firefox */
 		outline: 0;
 		cursor: default;
 		pointer-events: none;
 		transform-origin: 50% 50%;
 	}
+
+	.mw-ui-icon-wikimedia-unStar:before,
+	.mw-ui-icon-wikimedia-star.loading:before {
+		transform: rotate( 72deg );
+	}
 }