RCFilters: Fix unintendly wrapped ButtonSelectWidget
authorVolker E <volker.e@wikimedia.org>
Mon, 5 Nov 2018 04:43:22 +0000 (20:43 -0800)
committerVolker E <volker.e@wikimedia.org>
Mon, 5 Nov 2018 04:43:22 +0000 (20:43 -0800)
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

resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidget.less

index c4b5015..aa285e6 100644 (file)
                        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;