X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.HighlightColorPickerWidget.less;h=4a7c3f889560b42df64dca3e5b89adbbecc3282f;hb=684b0dc227777739b29cb8596275bdb9a4658628;hp=14c07c199117d3abca7ae87ef2002a8c340e40b6;hpb=28149973fc1eb2aae8830dab3112ee2b928c4ff5;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less
index 14c07c1991..4a7c3f8895 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.HighlightColorPickerWidget.less
@@ -1,4 +1,4 @@
-@import "mw.rcfilters.mixins";
+@import 'mw.rcfilters.mixins';
 
 .mw-rcfilters-ui-highlightColorPickerWidget {
 	&-label {
@@ -9,13 +9,27 @@
 
 	&-buttonSelect {
 		&-color {
-			.oo-ui-iconElement-icon {
-				width: 2em;
-				height: 2em;
+			// Make the rule much more specific to override OOUI
+			.oo-ui-iconElement-icon.oo-ui-icon-check {
+				// Override OOUI icon dimensions
+				// The parent is 2em with 0.5em margin
+				// (see mw-rcfilters-mixin-circle below)
+				// so here we want 2em - 0.5em = 1.5em
+				width: 1.5em;
+				height: 1.5em;
+				// By eye, this is centered horizontally for the color circle
+				margin-left: -0.1em;
 			}
 
 			&-none {
+				.oo-ui-iconElement-icon.oo-ui-icon-check {
+					// By eye, this is centered horizontally for the white circle
+					margin-left: -0.2em;
+				}
+
 				.mw-rcfilters-mixin-circle( @highlight-none, 2em, 0.5em, true );
+				// Override border to dashed
+				border: 1px dashed #565656;
 
 				&.oo-ui-buttonOptionWidget.oo-ui-buttonElement-active,
 				&.oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,