diff options
| author | Morris Jobke <hey@morrisjobke.de> | 2017-08-21 14:09:26 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-08-21 14:09:26 +0200 |
| commit | a891d24176c4ce17c77e8d0005993a53b5ff6b91 (patch) | |
| tree | 5b1d2bfb4912454bdeb07b93b6d93b963f2d7b3f | |
| parent | 223265b36934af467556b1f31f7f63b87bd30b51 (diff) | |
| parent | d35e54074bd3e83ab9465013a98c8df66ae2bbee (diff) | |
| download | nextcloud-server-a891d24176c4ce17c77e8d0005993a53b5ff6b91.tar.gz nextcloud-server-a891d24176c4ce17c77e8d0005993a53b5ff6b91.zip | |
Merge pull request #6201 from nextcloud/dropdown-contrast
Increase contrast of dropdown menu text, fix accessibility & visibility issues
| -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; |