From c9415bb0059f4dae4abc5e39a8af844328333120 Mon Sep 17 00:00:00 2001 From: Volker E Date: Tue, 14 Nov 2017 16:47:52 -0800 Subject: [PATCH] =?utf8?q?Preferences:=20Improve=20visual=20appearance=20b?= =?utf8?q?y=20=E2=80=9Cunboxing=E2=80=9D=20sections?= MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit Instead let's work with whitespace, which also saves virtual space and makes the appearance not as jarring. Bug: T180538 Depends-on: I39088107e6ab07399f9826dd925df9e1b8dda006 Change-Id: I24d21eb3c0d188004dacbce8a9bc1ac3ad7e2a8f --- .../mediawiki.special.preferences.styles.css | 21 ++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/resources/src/mediawiki.special/mediawiki.special.preferences.styles.css b/resources/src/mediawiki.special/mediawiki.special.preferences.styles.css index 294dcd0933..f87036f5b1 100644 --- a/resources/src/mediawiki.special/mediawiki.special.preferences.styles.css +++ b/resources/src/mediawiki.special/mediawiki.special.preferences.styles.css @@ -44,6 +44,14 @@ transform: none; } +#preferences .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed { + border-color: #c8ccd1; + border-width: 1px 0 0; + border-radius: 0; + padding-left: 0; + padding-right: 0; +} + /* Tweak the margins to reduce the shifting of form contents * after JS code loads and rearranges the page */ .client-js #preferences > .oo-ui-panelLayout { @@ -54,15 +62,18 @@ margin-left: 0.25em; } -.client-js #preferences .oo-ui-panelLayout-framed .oo-ui-tabPanelLayout .oo-ui-panelLayout-framed { - margin-left: 0; -} - -.client-js #preferences .oo-ui-panelLayout-framed .oo-ui-tabPanelLayout { +.client-js #preferences .oo-ui-tabPanelLayout { padding-top: 0.5em; padding-bottom: 0.5em; } +.client-js #preferences .oo-ui-tabPanelLayout .oo-ui-panelLayout-framed { + margin-left: 0; + margin-bottom: 0; + border: 0; + padding-top: 0; +} + .client-js #preferences > .oo-ui-panelLayout > .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header { margin-bottom: 1em; } -- 2.20.1