From e7c3daf0dd068e848fb813a9ac87d4060094be6d Mon Sep 17 00:00:00 2001 From: Volker E Date: Wed, 23 Jan 2019 18:12:08 -0800 Subject: [PATCH] HTMLForm OOUI: Reduce distance between flatlist label and widgets MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit 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 --- .../src/mediawiki.htmlform.ooui.styles.less | 17 ++++++++++++----- 1 file changed, 12 insertions(+), 5 deletions(-) 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 -- 2.20.1