From d35e54074bd3e83ab9465013a98c8df66ae2bbee Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Mon, 21 Aug 2017 12:06:19 +0200 Subject: [PATCH] Increase contrast of dropdown menu text, fix accessibility & visibility issues Signed-off-by: Jan-Christoph Borchardt --- core/css/apps.scss | 9 ++++----- core/css/header.scss | 10 +++++----- 2 files changed, 9 insertions(+), 10 deletions(-) diff --git a/core/css/apps.scss b/core/css/apps.scss index fd26f46bcd..bbf72f45c5 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -598,7 +598,7 @@ kbd { .popovermenu { position: absolute; background-color: $color-main-background; - color: nc-lighten($color-main-text, 20%); + color: $color-main-text; border-radius: 3px; z-index: 110; margin: 5px; @@ -693,9 +693,9 @@ kbd { } .menuitem { width: 100%; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; - filter: alpha(opacity = 50); - opacity: .5; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; + filter: alpha(opacity = 70); + opacity: .7; &:hover, &:focus, &.active { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity = 100); @@ -710,7 +710,6 @@ kbd { min-width: 0; /* Overwrite icons*/ min-height: 0; background-position: 10px center; - opacity: 0.7; /* Default button icon override */ } } } diff --git a/core/css/header.scss b/core/css/header.scss index f62759a89d..cf430914f8 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -277,8 +277,8 @@ nav { } svg, span { - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; - opacity: .5; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; + opacity: .7; } svg { margin-bottom: 2px; @@ -427,10 +427,10 @@ nav { display: block; height: 40px; color: $color-main-text; - opacity: .5; padding: 10px 12px 0; - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; box-sizing: border-box; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; + opacity: .7; img { margin-bottom: -3px; margin-right: 6px; @@ -500,7 +500,7 @@ nav { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; - color: rgba(0, 0, 0, .6); + color: rgba(0, 0, 0, .7); width: auto; left: 50%; top: 45px;