From be2734b548a55274ba4932214e774b981df842e9 Mon Sep 17 00:00:00 2001 From: Volker E Date: Wed, 19 Sep 2018 09:13:14 -0700 Subject: [PATCH] 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 --- .../mediawiki.special.preferences.styles.ooui.less | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) 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 { -- 2.20.1