From: Volker E <volker.e@wikimedia.org>
Date: Mon, 5 Nov 2018 04:43:22 +0000 (-0800)
Subject: RCFilters: Fix unintendly wrapped ButtonSelectWidget
X-Git-Tag: 1.34.0-rc.0~3564
X-Git-Url: http://git.cyclocoop.org/%22.%24image2.%22?a=commitdiff_plain;h=87e42af0fbec2b9633ab6d7669f1964cc231ca17;p=lhc%2Fweb%2Fwiklou.git

RCFilters: Fix unintendly wrapped ButtonSelectWidget

With I2102f6d3397 OOUI's ButtonSelectWidgets behave differently on
limited parent element horizontal space.
We re-introduce `white-space: nowrap` here specfically.

Bug: T208705
Change-Id: I154c2d9c5469a789d365c5ccb771a9fc0cc018a4
---

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 c4b5015af3..aa285e6ebf 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less
@@ -130,18 +130,18 @@
 			width: 1em;
 
 			&-widget.oo-ui-widget {
+				display: block;
+				.box-sizing( border-box );
+				height: 2.5em;
 				border: 1px solid @colorGray10;
 				border-left-width: 0;
 				border-radius: 0 0 @borderRadius 0;
-				// Using the 'left' value from
+				// For `padding-right` using the 'left' value from
 				// .oo-ui-buttonElement-frameless.oo-ui-iconElement >
 				// .oo-ui-buttonElement-button > .oo-ui-iconElement-icon
 				padding-right: 0.35714286em;
-
-				display: block;
 				text-align: right;
-				height: 2.5em;
-				.box-sizing( border-box );
+				white-space: nowrap;
 
 				.oo-ui-buttonOptionWidget:first-child {
 					margin-left: 0;