From: Moriel Schottlender <moriel@gmail.com>
Date: Wed, 28 Jun 2017 17:48:25 +0000 (-0700)
Subject: RCFilters: Fix popup head with long message and icon
X-Git-Tag: 1.31.0-rc.0~2825^2
X-Git-Url: http://git.cyclocoop.org/%24href?a=commitdiff_plain;h=82498f95a5db5b22174e49b74e6dc93966092928;p=lhc%2Fweb%2Fwiklou.git

RCFilters: Fix popup head with long message and icon

If the message is long, it should remain on the same line as the
icon, and the padding should come from the 'head' element rather
than the individual icon/label elements.

Bug: T169110
Change-Id: I726649f9fbd7e095aea62693aff269108c872661
---

diff --git a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less
index e19c24680d..272909df19 100644
--- a/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less
+++ b/resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.SaveFiltersPopupButtonWidget.less
@@ -5,15 +5,22 @@
 		}
 
 		> .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head {
+			height: auto;
+			padding: 1em;
+			// Icon width + icon left position (rounded to 0.5 to give a little extra margin)
+			padding-right: 1.875em + 0.5em;
+
 			> .oo-ui-iconWidget {
-				margin: 0.75em 0.5em;
-				float: left;
+				float: none;
+				display: inline-block;
+				margin: 0;
 			}
 
 			> .oo-ui-labelElement-label {
+				float: none;
+				display: inline;
 				font-size: 1.2em;
-				padding: 0.3em;
-				margin-left: 0;
+				margin: 0;
 				font-weight: bold;
 			}
 		}