X-Git-Url: http://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.less;h=febdebca009df0372dbab6d8ade23b526c9da1b2;hb=d3cee1316f517ba643b8535fa8a30e6ad1a3f028;hp=c0f24c6cbe2ff28a2f9bb7a60d99e48f0e178a76;hpb=967ead16680077f4734ba668cd4104c789a3b9ff;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.less
index c0f24c6cbe..febdebca00 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.less
@@ -2,6 +2,10 @@
 	&-table {
 		display: table;
 		width: 100%;
+
+		&-placeholder {
+			width: 100%;
+		}
 	}
 
 	&-row {
@@ -14,19 +18,51 @@
 	}
 }
 
-// Temporary icon classes, until these icons
-// are merged into OOUI properly
-.oo-ui-iconElement-icon.oo-ui-icon-clip {
-	/* @embed */
-	background-image: url( ../images/clip.svg );
-}
+// Support: Edge 12+, Firefox 28+, Chrome 28+, Saf 9+, Op 17+, iOS 9+, Android 4.4+
+// Use Flexbox in browsers supporting it only
+@supports ( display: flex ) {
+	// Equal cells which wrap, with 1em of space in between
+	.mw-rcfilters-ui {
+		&-row {
+			display: flex;
+			flex-wrap: wrap;
+			margin: 0 -0.5em;
+			justify-content: space-between;
+		}
 
-.oo-ui-iconElement-icon.oo-ui-icon-unClip {
-	/* @embed */
-	background-image: url( ../images/unClip.svg );
-}
+		&-cell {
+			flex: 1 1;
+			padding: 0 0.5em;
+		}
+
+		&-watchlistTopSectionWidget-watchlistDetails {
+			min-width: 20em;
+		}
 
-.oo-ui-iconElement-icon.oo-ui-icon-pushPin {
-	/* @embed */
-	background-image: url( ../images/pushPin.svg );
+		&-filterTagMultiselectWidget-cell-save,
+		&-filterTagMultiselectWidget-cell-reset,
+		&-filterTagMultiselectWidget-views-select,
+		&-watchlistTopSectionWidget-editWatchlistButton,
+		&-watchlistTopSectionWidget-savedLinks,
+		&-itemMenuOptionWidget-highlightButton,
+		&-itemMenuOptionWidget-excludeLabel,
+		&-rcTopSectionWidget-savedLinks{
+			flex: 0 1;
+			align-self: flex-end;
+		}
+
+		&-filterTagMultiselectWidget-views-select {
+			// FIXME: Possible bug in the current styling?
+			width: auto !important; // stylelint-disable-line declaration-no-important
+			padding-left: 0;
+		}
+
+		&-filterTagMultiselectWidget-views-input {
+			padding-right: 0;
+		}
+
+		&-watchlistTopSectionWidget-editWatchlistButton .oo-ui-buttonWidget {
+			margin-left: 0;
+		}
+	}
 }