mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Meet a11y standards for hover menus

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

18
stylesheets/_modules.scss
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--active,
.react-contextmenu-item.react-contextmenu-item--selected { .react-contextmenu-item.react-contextmenu-item--selected {
color: $color-white; color: $color-black;
@include light-theme { @include light-theme {
background-color: $color-gray-25; background-color: $color-gray-15;
} }
@include dark-theme { @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--active.react-contextmenu-item--checked:before,
.react-contextmenu-item.react-contextmenu-item--selected.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-submenu
> .react-contextmenu-item.react-contextmenu-item--active:after, > .react-contextmenu-item.react-contextmenu-item--active:after,
.react-contextmenu-item.react-contextmenu-submenu .react-contextmenu-item.react-contextmenu-submenu
> .react-contextmenu-item.react-contextmenu-item--selected:after { > .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 // All media query widths have 300px added to account for the left pane