From da35094cb74301e219585f650e31ed5067b6736f Mon Sep 17 00:00:00 2001 From: Volker E Date: Wed, 2 Jan 2019 15:54:15 -0800 Subject: [PATCH] Special:Block: Align partial input field better with rest of interface Also include sizing foundational variables to deal with `em` rendering quirks, aimed to be replaced by central ones in future. Change-Id: Iba65f68b233becba6054ca068a4cf7aaee0d8e4c --- resources/src/mediawiki.special.block.less | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/resources/src/mediawiki.special.block.less b/resources/src/mediawiki.special.block.less index c319294c50..1748635428 100644 --- a/resources/src/mediawiki.special.block.less +++ b/resources/src/mediawiki.special.block.less @@ -1,7 +1,19 @@ -.mw-block-page-restrictions { - margin-left: 2em; +/* Special:Block styles */ + +// 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-radio-label: 26 / @ooui-font-size-browser / @ooui-font-size-base; // Equals `1.85714286em`≈`26px` + +.mw-block-page-restrictions.oo-ui-fieldLayout { + margin-top: 0; + margin-left: @ooui-spacing-radio-label; .oo-ui-widget { + // Support:; IE 8 and browsers which don't support `calc()` max-width: 48em; + // Support: IE 9+ and all modern browsers; + max-width: calc( 50em - @ooui-spacing-radio-label ); } } -- 2.20.1