From: Volker E <volker.e@wikimedia.org>
Date: Wed, 19 Sep 2018 16:13:14 +0000 (-0700)
Subject: Special:Preferences: Reduce PanelLayout border contrast slightly
X-Git-Tag: 1.34.0-rc.0~4063^2
X-Git-Url: http://git.cyclocoop.org/%22%20.%20generer_url_ecrire%28%22brouteur%22%2C%28%24id_rubrique%20?a=commitdiff_plain;h=be2734b548a55274ba4932214e774b981df842e9;p=lhc%2Fweb%2Fwiklou.git

Special:Preferences: Reduce PanelLayout border contrast slightly

The border choice for `#a2a9b1` was intended to provide AA conforming
contrast for widgets. In case of framed PanelLayout it is not necessary
due to it's different use case and the additional high padding.

Change-Id: Ia425594c1795d1d8668cd62daff32ff9b97d67c2
---

diff --git a/resources/src/mediawiki.special.preferences.styles.ooui.less b/resources/src/mediawiki.special.preferences.styles.ooui.less
index 23cca211f4..e20d24bcfc 100644
--- a/resources/src/mediawiki.special.preferences.styles.ooui.less
+++ b/resources/src/mediawiki.special.preferences.styles.ooui.less
@@ -35,12 +35,20 @@
 }
 
 /* Override OOUI styles so that dropdowns near the bottom of the form don't get clipped,
- * e.g.'Appearance' / 'Threshold for stub link formatting'. This is hacky and bad, it would be
- * better solved by setting overlays for the widgets, but we can't do it from PHP... */
+ * e.g. 'Appearance' / 'Threshold for stub link formatting'. This is hacky and bad, it would be
+ * better solved by setting overlays for the widgets, but we can't do it from PHP… */
 #preferences .oo-ui-panelLayout {
 	position: static;
+
 	overflow: visible;
 	.transform( none );
+
+	/* Most outer Panellayout:
+	 * Decrease contrast of `border` slightly as padding/border combination is sufficient
+	 * accessibility wise and focus of content is more important here. */
+	&-framed {
+		border-color: #c8ccd1;
+	}
 }
 
 #preferences .oo-ui-menuLayout .oo-ui-panelLayout-framed .oo-ui-panelLayout-framed {