X-Git-Url: http://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.less;h=ef358e0944ebc0010fa4140b3edb17c5d7d09586;hb=433d2480f994932162da94b857e1d297d59cd4c8;hp=7410f981f88fe411011cff63b10a357ce7172303;hpb=0360a3114e7a973ee455f83c57db0ad68afdddff;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 7410f981f8..ef358e0944 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
@@ -1,4 +1,5 @@
 @import 'mediawiki.mixins.animation';
+@import 'mediawiki.ui/variables';
 @import 'mw.rcfilters.mixins';
 
 @rcfilters-spinner-width: 70px;
@@ -23,10 +24,12 @@
 
 	.mw-recentchanges-toplinks {
 		margin-bottom: 0.5em;
+		padding: 0 0.5em 0.5em 0.5em;
+		border: 1px solid transparent;
 
 		&:not( .mw-recentchanges-toplinks-collapsed ) {
 			// Same as the legend
-			border: 1px solid #ddd;
+			border: 1px solid @colorGray12;
 		}
 	}
 
@@ -58,13 +61,6 @@
 	}
 
 	.mw-changeslist {
-		&-empty {
-			// Hide the 'empty' message when we load rcfilters
-			// since we replace it anyways with a specific
-			// message of our own
-			display: none;
-		}
-
 		// Reserve space for the highlight circles
 		ul,
 		table.mw-enhanced-rc {
@@ -72,6 +68,13 @@
 		}
 	}
 
+	// Temporarily hide any 'empty' or 'timeout' message while we
+	// load rcfilters.
+	.mw-changeslist-empty,
+	.mw-changeslist-timeout {
+		display: none;
+	}
+
 	body.mw-rcfilters-ui-loading .mw-changeslist {
 		opacity: 0.5;
 	}
@@ -94,7 +97,7 @@
 			display: inline-block;
 			width: 12px;
 			height: 12px;
-			background-color: #c8ccd1;
+			background-color: @colorGray12;
 			border-radius: 100%;
 			.animation( rcfiltersBouncedelay 1.5s ease-in-out -0.16s infinite both );
 		}
@@ -142,7 +145,7 @@
 		transform: scale( 0.7 );
 	}
 	40% {
-		background-color: #a2a9b1;
+		background-color: @colorGray10;
 		-webkit-transform: scale( 1 );
 		transform: scale( 1 );
 	}
@@ -156,7 +159,7 @@
 		transform: scale( 0.7 );
 	}
 	40% {
-		background-color: #a2a9b1;
+		background-color: @colorGray10;
 		-moz-transform: scale( 0.7 );
 		transform: scale( 1 );
 	}
@@ -169,7 +172,7 @@
 		transform: scale( 0.7 );
 	}
 	40% {
-		background-color: #a2a9b1;
+		background-color: @colorGray10;
 		transform: scale( 1 );
 	}
 }