diff options
author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-08-21 13:06:19 +0300 |
---|---|---|
committer | Morris Jobke <hey@morrisjobke.de> | 2017-08-21 17:34:53 +0300 |
commit | 599398e4a0cedcdf9a26bb9833aee25d6beef1fa (patch) | |
tree | 8cff93d8f9e0cf2fd6f77d1f12a6cd9204e460be | |
parent | a90d6090a7ec4e1c5651883a6960ca31518efbb7 (diff) |
Increase contrast of dropdown menu text, fix accessibility & visibility issues
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
-rw-r--r-- | core/css/apps.scss | 9 | ||||
-rw-r--r-- | 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 fd26f46bcdb..bbf72f45c53 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 7aa6332c2c6..b24557bf99e 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -280,8 +280,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; @@ -430,10 +430,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; @@ -503,7 +503,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; |