X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.FilterMenuOptionWidget.less;h=07e43c000a81862741a10c88b3879397c7939d56;hb=5905218e6971afafb46a4b880d676fe7bdea1b39;hp=ea93247ac04d5d4ac9ecb39c9b61efe9211b1932;hpb=313dde5d06c42be1eb7da9127ec92bb5d360ddab;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less
index ea93247ac0..07e43c000a 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuOptionWidget.less
@@ -1,26 +1,40 @@
 @import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
+@import 'mw.rcfilters.variables';
 
 .mw-rcfilters-ui-filterMenuOptionWidget {
+	.mw-rcfilters-ui-filterMenuSectionOptionWidget ~ & {
+		padding-left: 12 / @font-size-system-ui / @font-size-vector;
+	}
+
 	&.oo-ui-flaggedElement-muted {
 		&:not( .oo-ui-optionWidget-selected ) {
 			// Namespaces are muted 'the other way around' when they
 			// are also inverted, so if they are also selected, we
 			// should make sure the selected background is shown rather
 			// than the muted one
-			background-color: #f8f9fa; // Base90 AAA
+			background-color: @colorGray15;
 		}
 
 		.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
 		.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
-			color: #54595d; // Base20 AAA
+			color: @colorGray5;
 		}
 
 		&.oo-ui-optionWidget-highlighted {
 			// Copying over styles from OOUI, since it must
 			// override our 'muted' state
-			background-color: #eaecf0;
-			color: #000;
+			background-color: @colorGray14;
+			color: @colorGray1;
 		}
 	}
 
+	// Override OOUI's pretty specific
+	// `.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header`
+	// selector
+	.mw-rcfilters-ui-itemMenuOptionWidget-itemCheckbox > .oo-ui-fieldLayout > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
+		padding-top: 0;
+		padding-bottom: 0;
+		padding-left: 12 / @font-size-system-ui / @font-size-vector;
+	}
 }