web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-01-19 10:54:16 +02:00
Code Releases Activity

fix: focus-visible shouldn't change background styles (#7113)

Browse Source 
Only set background:none focus styles on menu
This commit is contained in:
Aaron Mertzenich 2021-03-09 14:06:35 -06:00 committed by GitHub
parent 6336e573f2
commit 1b52e7bea0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/css/components/menu/_menu.scss
View File

@ -56,6 +56,11 @@
color: $primary-background-color;
}
.video-js .vjs-menu *:focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:focus:not(.focus-visible) {
background: none;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;

5
src/css/video-js.scss
View File

@ -57,11 +57,8 @@
// The rule is needed for :focus-visible polyfill
.js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none;
background: none;
}
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
.video-js *:focus:not(:focus-visible) {
outline: none;
background: none;
}