X-Git-Url: http://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.less;h=80aff74a4f4ab6e9d6fdc0950ece52eb12930648;hb=a0c00f005388c87461cb8f398accbe3967791df5;hp=0ab2c01f63de9e21087a6c368ead9b2d8b8635f3;hpb=f2bb88c90ba8e44e141fb9481dc9eef5ad32bd36;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 0ab2c01f63..80aff74a4f 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.less
@@ -2,7 +2,8 @@
 @import 'mw.rcfilters.mixins';
 
 @rcfilters-spinner-width: 70px;
-@rcfilters-head-min-height: 200px;
+@rcfilters-head-min-height: 250px;
+@rcfilters-wl-head-min-height: 320px;
 
 // Corrections for the standard special page
 .client-js {
@@ -10,9 +11,15 @@
 		border: 0;
 	}
 
+	// Reserve space for the UI while it loads
 	.rcfilters-head {
 		min-height: @rcfilters-head-min-height;
 	}
+	// On the watchlist, reserve a bit more
+	.mw-special-Watchlist .rcfilters-head {
+		min-height: @rcfilters-wl-head-min-height;
+	}
+
 	body:not( .mw-rcfilters-ui-initialized ) .rcfilters-head {
 		opacity: 0.5;
 		pointer-events: none;
@@ -34,9 +41,14 @@
 			// message of our own
 			display: none;
 		}
+
+		// Reserve space for the highlight circles
+		ul,
+		table.mw-enhanced-rc {
+			.result-circle-margin();
+		}
 	}
 
-	body:not( .mw-rcfilters-ui-initialized ) .mw-changeslist,
 	body.mw-rcfilters-ui-loading .mw-changeslist {
 		opacity: 0.5;
 	}
@@ -80,14 +92,19 @@
 	body.mw-rcfilters-ui-loading .rcfilters-spinner {
 		display: block;
 		// When loading new results, display the spinner on top of the results area
-		margin-top: 4em;
+		margin-top: 2em;
 	}
 
 	#contentSub,
-	.watchlistDetails,
 	form#mw-watchlist-resetbutton {
 		display: none;
 	}
+
+	// Make the watchlist-details message display while loading, but make it not take up any
+	// space. This makes the min-height trick work better.
+	.watchlistDetails {
+		float: left;
+	}
 }
 
 .mw-rcfilters-staticfilters-selected {