Meet a11y standards for hover menus

This commit is contained in:
Josh Perez 2020-05-01 13:40:27 -04:00 committed by Scott Nonnenberg
parent 721401bbeb
commit dc81bf2bba
1 changed files with 12 additions and 6 deletions

View File

@ -7828,26 +7828,32 @@ button.module-image__border-overlay:focus {
.react-contextmenu-item.react-contextmenu-item--active,
.react-contextmenu-item.react-contextmenu-item--selected {
color: $color-white;
color: $color-black;
@include light-theme {
background-color: $color-gray-25;
background-color: $color-gray-15;
}
@include dark-theme {
background-color: $color-gray-45;
background-color: $color-gray-75;
color: $color-white;
}
}
.react-contextmenu-item.react-contextmenu-item--active.react-contextmenu-item--checked:before,
.react-contextmenu-item.react-contextmenu-item--selected.react-contextmenu-item--checked:before {
color: $color-white;
color: $color-black;
@include dark-theme {
color: $color-white;
}
}
.react-contextmenu-item.react-contextmenu-submenu
> .react-contextmenu-item.react-contextmenu-item--active:after,
.react-contextmenu-item.react-contextmenu-submenu
> .react-contextmenu-item.react-contextmenu-item--selected:after {
color: $color-white;
color: $color-black;
@include dark-theme {
color: $color-white;
}
}
// All media query widths have 300px added to account for the left pane