From: Moriel Schottlender <moriel@gmail.com>
Date: Mon, 6 Mar 2017 23:07:54 +0000 (-0800)
Subject: RCFilters UI: Fix capsule highlight circle to use pixels
X-Git-Tag: 1.31.0-rc.0~3867^2
X-Git-Url: https://git.cyclocoop.org/%7B%24admin_url%7Dmembres/fiche.php?a=commitdiff_plain;h=7f16c234205351b4b335d53589b1d063c03e742f;p=lhc%2Fweb%2Fwiklou.git

RCFilters UI: Fix capsule highlight circle to use pixels

That circle is small enough so that using 'em' values results in
it being mangled/stretched. Using exact pixels fixes that issue.

Change-Id: I5607c2c1f09c022e215b08993115ef631597e85c
---

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.CapsuleItemWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.CapsuleItemWidget.less
index 8173150d5f..b16e84c61c 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.CapsuleItemWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.CapsuleItemWidget.less
@@ -57,19 +57,19 @@
 		}
 
 		&[data-color='c1'] {
-			.mw-rcfilters-mixin-circle( @highlight-c1, 0.7em, ~'0 0.5em 0 0' );
+			.mw-rcfilters-mixin-circle( @highlight-c1, 10px, ~'0 0.5em 0 0' );
 		}
 		&[data-color='c2'] {
-			.mw-rcfilters-mixin-circle( @highlight-c2, 0.7em, ~'0 0.5em 0 0' );
+			.mw-rcfilters-mixin-circle( @highlight-c2, 10px, ~'0 0.5em 0 0' );
 		}
 		&[data-color='c3'] {
-			.mw-rcfilters-mixin-circle( @highlight-c3, 0.7em, ~'0 0.5em 0 0' );
+			.mw-rcfilters-mixin-circle( @highlight-c3, 10px, ~'0 0.5em 0 0' );
 		}
 		&[data-color='c4'] {
-			.mw-rcfilters-mixin-circle( @highlight-c4, 0.7em, ~'0 0.5em 0 0' );
+			.mw-rcfilters-mixin-circle( @highlight-c4, 10px, ~'0 0.5em 0 0' );
 		}
 		&[data-color='c5'] {
-			.mw-rcfilters-mixin-circle( @highlight-c5, 0.7em, ~'0 0.5em 0 0' );
+			.mw-rcfilters-mixin-circle( @highlight-c5, 10px, ~'0 0.5em 0 0' );
 		}
 	}
 }