Remove initial animation of watch star

It moves watchStar.less from .scripts to .base as star is
visible also when JavaScript isn't enabled so the right
time to apply styles to it isn't after scripts are added
but right from beginning to avoid initial animations.

It also limits minerva-animations-ready to transition
as that's the only style that needs page load to actually
happen and otherwise the styles will be limited to
JavaScript clients which isn't intended here.

Bug: T376872
Bug: T376559
Change-Id: I394d21689cae01822cf8791b361cd450771f5c31
This commit is contained in:
Ebrahim Byagowi 2024-10-10 10:36:38 +03:30 committed by Ebrahim
parent c2a675b1b6
commit 4c5bbc34ba
3 changed files with 6 additions and 3 deletions

View file

@ -9,5 +9,6 @@
@import 'LanguageSection.less';
@import 'diff.less';
@import 'footer.less';
@import 'watchStar.less';
@import 'print/styles.less';
@import 'content/index.less';

View file

@ -1,7 +1,10 @@
.minerva-animations-ready .mw-watchlink {
.mw-watchlink {
.minerva-icon {
transform: rotate( 0deg );
transition: transform 0.5s;
.minerva-animations-ready & {
transition: transform 0.5s;
}
}
.minerva-icon--unStar {

View file

@ -2,7 +2,6 @@
@import '../../minerva.less/minerva.mixins.less';
@import 'mediawiki.mixins.less';
@import 'toc.less';
@import 'watchStar.less';
@import 'page-issues/styles.less';
@import 'Toolbar.less';