@import 'mediawiki.ui/variables';
@import 'mw.rcfilters.mixins';
+/* stylelint-disable selector-class-pattern */
+
@rcfilters-spinner-size: 12px;
@rcfilters-head-min-height: 210px;
@rcfilters-head-margin-bottom: 20px;
// On the watchlist, reserve a bit more
.mw-special-Watchlist .rcfilters-head {
min-height: @rcfilters-wl-head-min-height;
-
}
.mw-rcfilters-collapsed {
.cloptions {
display: none;
}
-
}
}
.animation-delay( 0s );
}
}
+
body:not( .mw-rcfilters-ui-initialized ) .rcfilters-spinner {
display: block;
// When initializing, display the spinner on top of the area where the UI will appear
margin-top: -( @rcfilters-head-min-height + @rcfilters-head-margin-bottom ) / 1.5;
}
+
body.mw-rcfilters-ui-loading .rcfilters-spinner {
display: block;
// When loading new results, display the spinner on top of the results area
100% {
-webkit-transform: scale( 0.625 );
}
+
20% { // equals 320ms
opacity: 0.87;
-webkit-transform: scale( 1 );
100% {
-moz-transform: scale( 0.625 );
}
+
20% {
opacity: 0.87;
-moz-transform: scale( 1 );
100% {
transform: scale( 0.625 );
}
+
20% { // equals 320ms
opacity: 0.87;
transform: scale( 1 );