X-Git-Url: https://git.heureux-cyclage.org/?a=blobdiff_plain;f=resources%2Fsrc%2Fmediawiki.rcfilters%2Fstyles%2Fmw.rcfilters.ui.FilterTagMultiselectWidget.less;h=148e37b2d85b19656f725d1202da22ef558c4e2f;hb=2680bed3b03308bd6673d2c34b5a9aa97e309e47;hp=e7233a827248113c9f5b622d004a7826e775bd9c;hpb=52ce204415df71eb978b1f6f61a6122f7c3b09f6;p=lhc%2Fweb%2Fwiklou.git

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less
index e7233a8272..148e37b2d8 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less
@@ -1,4 +1,6 @@
 @import 'mediawiki.mixins';
+@import 'mediawiki.ui/variables';
+@import 'mw.rcfilters.variables';
 
 .mw-rcfilters-ui-filterTagMultiselectWidget {
 	max-width: none;
@@ -11,9 +13,9 @@
 	}
 
 	&.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
-		border: 1px solid #a2a9b1;
+		border: 1px solid @colorGray10;
 		border-bottom: 0;
-		background-color: #f8f9fa;
+		background-color: @colorGray15;
 		border-radius: 2px 2px 0 0;
 		padding: 0.6em;
 		margin-top: 1em;
@@ -25,7 +27,7 @@
 	}
 
 	.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled &-emphasize.oo-ui-tagMultiselectWidget-handle {
-		background-color: #eaf3ff; // Accent90
+		background-color: @background-color-primary;
 	}
 
 	&-wrapper {
@@ -36,11 +38,11 @@
 		&-content {
 			&-title {
 				font-weight: bold;
-				color: #54595d;
+				color: @colorGray5;
 			}
 
 			&-savedQueryTitle {
-				color: #222; // Base10
+				color: @colorGray2;
 				font-weight: bold;
 				vertical-align: top;
 				margin-left: 1em;
@@ -61,22 +63,16 @@
 			width: 1em;
 
 			&-widget.oo-ui-widget {
-				border: 1px solid #a2a9b1;
+				border: 1px solid @colorGray10;
 				border-left-width: 0;
-				border-top-left-radius: 0;
-				border-top-right-radius: 0;
-				border-bottom-left-radius: 0;
+				border-radius: 0 0 @borderRadius 0;
 
 				display: block;
 				text-align: right;
 				height: 2.5em;
-				box-sizing: border-box;
+				.box-sizing( border-box );
 
-				.oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
-					margin-left: 0;
-				}
-
-				.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-buttonElement:first-child {
+				.oo-ui-buttonOptionWidget:first-child {
 					margin-left: 0;
 				}
 			}
@@ -84,7 +80,7 @@
 	}
 
 	&-emptyFilters {
-		color: #72777d;
+		color: @colorGray7;
 	}
 
 	&-cell-filters {