X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.FilterMenuHeaderWidget.less;h=4e040682a96e673880835b0c2cd7ff8dc6543229;hb=573b73810c0eb4a5c464b5c00a2f2dcdc7c90c24;hp=83fe189e493b7d1a22cd8ec1b2f43db2483d411c;hpb=949dc920ee61e838320186565cb6dc146a013b25;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less
index 83fe189e49..4e040682a9 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterMenuHeaderWidget.less
@@ -1,23 +1,37 @@
 @import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
 
 .mw-rcfilters-ui-filterMenuHeaderWidget {
 	&-title {
 		display: inline-block;
 		font-size: 1.2em;
 		padding: 0.75em 0 0.75em 0.5em;
-		// TODO: Unify colors with official design palette
-		color: #54595d;
+		color: @colorGray5;
 	}
 
 	&-helpIcon {
 		position: absolute;
 		top: 50%;
 		.transform( translateY( -50% ) );
+
+		// HACK: Following overrides help icon size and centers it
+		&.oo-ui-widget.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
+			box-sizing: content-box;
+			padding: 0;
+
+			.oo-ui-icon-help {
+				min-width: initial;
+				min-height: initial;
+				width: 1.4em;
+				height: 1.4em;
+				margin-top: 0.2375em;
+			}
+		}
 	}
 
 	&-header {
-		border-bottom: 1px solid #c8ccd1;
-		background: #f8f9fa;
+		border-bottom: 1px solid @colorGray12;
+		background-color: @colorGray15;
 
 		&-invert,
 		&-highlight {