Skip to content

Commit e5e1e29

Browse files
gjanblaszczykgkatsev
authored andcommitted
feat: make menu background respect :focus-visible (#5558)
1 parent 4842201 commit e5e1e29

File tree

2 files changed

+8
-3
lines changed

2 files changed

+8
-3
lines changed

src/css/components/menu/_menu.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -43,13 +43,15 @@
4343
}
4444

4545
.vjs-menu li.vjs-menu-item:focus,
46-
.vjs-menu li.vjs-menu-item:hover {
46+
.vjs-menu li.vjs-menu-item:hover,
47+
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
4748
@include background-color-with-alpha($secondary-background-color, $secondary-background-transparency);
4849
}
4950

5051
.vjs-menu li.vjs-selected,
5152
.vjs-menu li.vjs-selected:focus,
52-
.vjs-menu li.vjs-selected:hover {
53+
.vjs-menu li.vjs-selected:hover,
54+
.js-focus-visible .vjs-menu li.vjs-selected:hover {
5355
background-color: $primary-foreground-color;
5456
color: $primary-background-color;
5557
}

src/css/video-js.scss

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,8 +56,11 @@
5656
// The rule is needed for :focus-visible polyfill
5757
.js-focus-visible .video-js *:focus:not(.focus-visible) {
5858
outline: none;
59+
background: none;
5960
}
6061

61-
.video-js *:focus:not(:focus-visible) {
62+
.video-js *:focus:not(:focus-visible),
63+
.video-js .vjs-menu *:focus:not(:focus-visible) {
6264
outline: none;
65+
background: none;
6366
}

0 commit comments

Comments
 (0)