wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #6201 from nextcloud/dropdown-contrast

Browse source 
Increase contrast of dropdown menu text, fix accessibility & visibility issues
This commit is contained in:
Morris Jobke 2017-08-21 14:09:26 +02:00 committed by GitHub
commit a891d24176
2 changed files with 9 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
core/css/apps.scss
View file

@ -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 */
}
}
}

10
core/css/header.scss
View file

@ -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;