From 10fe5be4d4695337eeac9408f4bb6ed35c4be5c1 Mon Sep 17 00:00:00 2001 From: Volker E Date: Fri, 30 Mar 2018 22:26:39 -0700 Subject: [PATCH] OOUIHTMLForm styles: Unify spacing aligned to new base font-size Follow-up to I693d168d2ccf2babbcfe8952af3e1c262aa97773 Bug: T177668 Change-Id: I86077eadbf0986868cbaabd41c33b48e333d7973 --- resources/src/mediawiki/htmlform/ooui.styles.less | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/resources/src/mediawiki/htmlform/ooui.styles.less b/resources/src/mediawiki/htmlform/ooui.styles.less index 97a013e308..920cd9debf 100644 --- a/resources/src/mediawiki/htmlform/ooui.styles.less +++ b/resources/src/mediawiki/htmlform/ooui.styles.less @@ -1,13 +1,19 @@ // OOUIHTMLForm styles +@ooui-font-size-browser: 16; // assumed browser default of `16px` +@ooui-font-size-base: 0.875em; // equals `14px` at browser default of `16px` + +@ooui-spacing-medium: 12 / @ooui-font-size-browser / @ooui-font-size-base; // equals `0.8571429em`≈`12px` +@ooui-spacing-large: 16 / @ooui-font-size-browser / @ooui-font-size-base; // equals `1.1428571em`≈`16px` + .mw-htmlform-ooui-wrapper.oo-ui-panelLayout-padded { - padding: 1em 1.25em 1.25em; + padding: @ooui-spacing-medium @ooui-spacing-large @ooui-spacing-large; } .mw-htmlform-ooui { line-height: 1.4; // Override MediaWiki's default of `1.6` .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { - line-height: 1.143; // equals `16px` + line-height: 16 / @ooui-font-size-browser / @ooui-font-size-base; } .mw-htmlform-field-HTMLCheckMatrix { @@ -49,10 +55,10 @@ .mw-htmlform-flatlist .oo-ui-radioOptionWidget, .mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget { display: inline-block; - margin-right: 1em; + margin-right: @ooui-spacing-medium; } .mw-htmlform-ooui .htmlform-tip, .mw-htmlform-ooui .mw-htmlform-submit-buttons { - margin-top: 1em; + margin-top: @ooui-spacing-medium; } -- 2.20.1