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:
parent
98068d9598
commit
cc9fc193f6
|
@ -63,12 +63,20 @@
|
||||||
|
|
||||||
// Loading watchstar link class.
|
// Loading watchstar link class.
|
||||||
.vector-feature-visual-enhancement-next-enabled {
|
.vector-feature-visual-enhancement-next-enabled {
|
||||||
|
.mw-watchlink a:before {
|
||||||
|
transition: transform 500ms;
|
||||||
|
}
|
||||||
|
|
||||||
.mw-watchlink .loading:before {
|
.mw-watchlink .loading:before {
|
||||||
.rotation( 500ms );
|
|
||||||
/* Suppress the hilarious rotating focus outline on Firefox */
|
/* Suppress the hilarious rotating focus outline on Firefox */
|
||||||
outline: 0;
|
outline: 0;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
transform-origin: 50% 50%;
|
transform-origin: 50% 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mw-ui-icon-wikimedia-unStar:before,
|
||||||
|
.mw-ui-icon-wikimedia-star.loading:before {
|
||||||
|
transform: rotate( 72deg );
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue