From: Volker E <volker.e@wikimedia.org>
Date: Wed, 15 Nov 2017 00:47:52 +0000 (-0800)
Subject: Preferences: Improve visual appearance by “unboxing” sections
X-Git-Tag: 1.31.0-rc.0~1477^2
X-Git-Url: http://git.cyclocoop.org//%22javascript:ModifierStyle%28%27%22.%24id.%22%27%29/%22?a=commitdiff_plain;h=c9415bb0059f4dae4abc5e39a8af844328333120;p=lhc%2Fweb%2Fwiklou.git

Preferences: Improve visual appearance by “unboxing” sections

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
---

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;
 }