From: Volker E <volker.e@wikimedia.org>
Date: Fri, 29 Jun 2018 17:04:19 +0000 (+0200)
Subject: Special:Preferences: Improve section grouping
X-Git-Tag: 1.34.0-rc.0~4896^2
X-Git-Url: http://git.cyclocoop.org/%7B%7B%20url_for%28%27admin_vote_add%27%29%20%7D%7D?a=commitdiff_plain;h=ad1d6542e39c8f2aa423a542bb2c34a63d4c5718;p=lhc%2Fweb%2Fwiklou.git

Special:Preferences: Improve section grouping

Improving section grouping per tab/meta section by increasing
whitespace.
Also remove sub-borders in No-JS clients and unnecessary property.

Bug: T198499
Change-Id: Id28f0d9631dfb08c51bf287c0aac0c1c206ea795
---

diff --git a/resources/src/mediawiki.special.preferences.styles.ooui.css b/resources/src/mediawiki.special.preferences.styles.ooui.css
index 4c5d34485b..fda049b4ac 100644
--- a/resources/src/mediawiki.special.preferences.styles.ooui.css
+++ b/resources/src/mediawiki.special.preferences.styles.ooui.css
@@ -59,7 +59,7 @@
 
 /* Adjust the borders when JS is disabled: frame each prefsection instead of the
  * whole tabLayout wrapper */
-.client-nojs #preferences .oo-ui-menuLayout .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed {
+.client-nojs #preferences .oo-ui-menuLayout .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed:first-child {
 	border-color: #c8ccd1;
 	border-width: 1px 0 0;
 }
@@ -95,14 +95,18 @@
 }
 
 .client-js #preferences .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed {
-	margin-left: 0;
+	margin-top: 2.286em; /* equals `32px` at `font-size: 14px;` */
 	margin-bottom: 0;
-	padding: 0;
 	border-width: 0;
 	border-radius: 0;
+	padding: 0;
 	box-shadow: none;
 }
 
+.client-js #preferences .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed:first-child {
+	margin-top: 0.85714286em;
+}
+
 .client-js #preferences > .oo-ui-panelLayout > .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header {
 	margin-bottom: 1em;
 }