jonny
/
Vector-Local
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
Jon Robson 2022-09-30 16:50:22 -07:00 committed by Jdlrobson
parent 98068d9598
commit cc9fc193f6
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/skins.vector.styles/components/TabWatchstarLink.less
View File

@ -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 );
}
}