diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-08-21 12:06:19 +0200 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-08-21 12:06:24 +0200 |
| commit | d35e54074bd3e83ab9465013a98c8df66ae2bbee (patch) | |
| tree | 5b1d2bfb4912454bdeb07b93b6d93b963f2d7b3f | |
| parent | 223265b36934af467556b1f31f7f63b87bd30b51 (diff) | |
| download | nextcloud-server-d35e54074bd3e83ab9465013a98c8df66ae2bbee.tar.gz nextcloud-server-d35e54074bd3e83ab9465013a98c8df66ae2bbee.zip | |
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 f62759a89d3..cf430914f87 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; |