From: Volker E <volker.e@wikimedia.org>
Date: Thu, 24 Jan 2019 02:12:08 +0000 (-0800)
Subject: HTMLForm OOUI: Reduce distance between flatlist label and widgets
X-Git-Tag: 1.34.0-rc.0~3010^2
X-Git-Url: https://git.cyclocoop.org/%7B%24www_url%7Dadmin/compta/exercices/journal.php?a=commitdiff_plain;h=e7c3daf0dd068e848fb813a9ac87d4060094be6d;p=lhc%2Fweb%2Fwiklou.git

HTMLForm OOUI: Reduce distance between flatlist label and widgets

With `.oo-ui-fieldLayout-header` set to `padding-bottom: 0;` label
is visually appearing equally to other “normal” label and widget
combinations.

Change-Id: I1efa11301b631304ef1d9cc7613fc139e84fa9c0
---

diff --git a/resources/src/mediawiki.htmlform.ooui.styles.less b/resources/src/mediawiki.htmlform.ooui.styles.less
index 18fb4a2238..ecf728b2b0 100644
--- a/resources/src/mediawiki.htmlform.ooui.styles.less
+++ b/resources/src/mediawiki.htmlform.ooui.styles.less
@@ -80,11 +80,18 @@
 
 // Flatlist styling for PHP (`.oo-ui-fieldLayout-align-inline`) &
 // JS (`.oo-ui-radioOptionWidget, .oo-ui-checkboxMultioptionWidget`) widgets
-.mw-htmlform-flatlist .oo-ui-fieldLayout-align-inline,
-.mw-htmlform-flatlist .oo-ui-radioOptionWidget,
-.mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget {
-	display: inline-block;
-	margin-right: @ooui-spacing-medium;
+.mw-htmlform-flatlist {
+	.oo-ui-fieldLayout-align-inline,
+	.oo-ui-radioOptionWidget,
+	.oo-ui-checkboxMultioptionWidget {
+		display: inline-block;
+		margin-right: @ooui-spacing-medium;
+	}
+
+	// Reduce label distance in flatlist
+	&.oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
+		padding-bottom: 0;
+	}
 }
 
 // First selector is flatlist specific