X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.less;h=9101fba69b58e3eaa759cd36d82c5f99d54239ed;hb=91a6d01a0acd39e1813b3555f7ace56c01b8cd3f;hp=fad409bf26c6261e4e76a20b4ac317778220ac7a;hpb=ea326ffe8a8470d93d128373139d31420387408a;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
index fad409bf26..9101fba69b 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
@@ -83,6 +83,10 @@
 		}
 	}
 
+	.mw-rcfilters-ui-highlights {
+		display: none;
+	}
+
 	.mw-changeslist {
 		// Reserve space for the highlight circles
 		ul,
@@ -110,27 +114,28 @@
 		left: 50%;
 		// Make sure the middle of the spinner is centered, rather than its left edge
 		margin-left: -3 * @rcfilters-spinner-size / 2;
-
-		opacity: 0.8;
 		white-space: nowrap;
 
 		& .rcfilters-spinner-bounce,
 		&:before,
 		&:after {
 			content: '';
-			display: inline-block;
+			background-color: @colorGray7;
+			display: block;
+			float: left;
 			width: @rcfilters-spinner-size;
 			height: @rcfilters-spinner-size;
-			background-color: @colorGray12;
 			border-radius: 100%;
-			.animation( rcfiltersBouncedelay 1.5s ease-in-out -0.16s infinite both );
+			.animation( rcfiltersBouncedelay 1600ms ease-in-out -160ms infinite both );
 		}
 
 		&:before {
-			.animation-delay( -0.33s );
+			margin-right: 4px;
+			.animation-delay( -330ms );
 		}
 
 		&:after {
+			margin-left: 4px;
 			.animation-delay( 0s );
 		}
 	}
@@ -174,40 +179,36 @@
 
 @-webkit-keyframes rcfiltersBouncedelay {
 	0%,
-	80%,
+	50%, // equals 800ms
 	100% {
-		-webkit-transform: scale( 0.7 );
-		transform: scale( 0.7 );
+		-webkit-transform: scale( 0.625 );
 	}
-	40% {
-		background-color: @colorGray10;
+	20% { // equals 320ms
+		opacity: 0.87;
 		-webkit-transform: scale( 1 );
-		transform: scale( 1 );
 	}
 }
 
 @-moz-keyframes rcfiltersBouncedelay {
 	0%,
-	80%,
+	50%,
 	100% {
-		-moz-transform: scale( 0.7 );
-		transform: scale( 0.7 );
+		-moz-transform: scale( 0.625 );
 	}
-	40% {
-		background-color: @colorGray10;
-		-moz-transform: scale( 0.7 );
-		transform: scale( 1 );
+	20% {
+		opacity: 0.87;
+		-moz-transform: scale( 1 );
 	}
 }
 
 @keyframes rcfiltersBouncedelay {
 	0%,
-	80%,
+	50%,
 	100% {
-		transform: scale( 0.7 );
+		transform: scale( 0.625 );
 	}
-	40% {
-		background-color: @colorGray10;
+	20% { // equals 320ms
+		opacity: 0.87;
 		transform: scale( 1 );
 	}
 }