ProximaEntertainment/plyr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tab focus classname change

Browse Source
This commit is contained in:
Sam Potts
2017-11-05 23:20:26 +11:00
parent 45df319823
commit 5fe477340b
9 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
dist/plyr.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/plyr.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/plyr.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
src/js/defaults.js
View File

@ -294,7 +294,7 @@ const defaults = {
supported: 'plyr--airplay-supported', supported: 'plyr--airplay-supported',
active: 'plyr--airplay-active', active: 'plyr--airplay-active',
}, },
tabFocus: 'tab-focus', tabFocus: 'plyr__tab-focus',
}, },
}; };

2
src/less/components/buttons.less
View File

@ -35,7 +35,7 @@
// Audio styles // Audio styles
.plyr--audio .plyr__control { .plyr--audio .plyr__control {
&.tab-focus, &.plyr__tab-focus,
&:hover, &:hover,
&[aria-expanded='true'] { &[aria-expanded='true'] {
background: @plyr-audio-control-bg-hover; background: @plyr-audio-control-bg-hover;

2
src/less/components/controls.less
View File

@ -66,7 +66,7 @@
} }
// Hover and tab focus // Hover and tab focus
&.tab-focus, &.plyr__tab-focus,
&:hover, &:hover,
&[aria-expanded='true'] { &[aria-expanded='true'] {
background: @plyr-video-control-bg-hover; background: @plyr-video-control-bg-hover;

4
src/less/components/menus.less
View File

@ -87,7 +87,7 @@
border-left-color: fade(@plyr-menu-color, 80%); border-left-color: fade(@plyr-menu-color, 80%);
} }
&.tab-focus::after, &.plyr__tab-focus::after,
&:hover::after { &:hover::after {
border-left-color: currentColor; border-left-color: currentColor;
} }
@ -121,7 +121,7 @@
box-shadow: 0 1px 0 @plyr-menu-border-shadow-color; box-shadow: 0 1px 0 @plyr-menu-border-shadow-color;
} }
&.tab-focus::after, &.plyr__tab-focus::after,
&:hover::after { &:hover::after {
border-right-color: currentColor; border-right-color: currentColor;
} }

6
src/less/components/sliders.less
View File

@ -79,7 +79,7 @@
border: 0; border: 0;
} }
&.tab-focus { &.plyr__tab-focus {
outline-offset: 3px; outline-offset: 3px;
} }
@ -113,7 +113,7 @@
background: @plyr-video-range-track-bg; background: @plyr-video-range-track-bg;
} }
&.tab-focus { &.plyr__tab-focus {
outline: 1px dotted fade(@plyr-video-control-color, 50%); outline: 1px dotted fade(@plyr-video-control-color, 50%);
} }
} }
@ -132,7 +132,7 @@
background: @plyr-audio-range-track-bg; background: @plyr-audio-range-track-bg;
} }
&.tab-focus { &.plyr__tab-focus {
outline: 1px dotted fade(@plyr-audio-control-color, 50%); outline: 1px dotted fade(@plyr-audio-control-color, 50%);
} }
} }

4
src/less/components/tooltips.less
View File

@ -41,7 +41,7 @@
// Displaying // Displaying
.plyr .plyr__control:hover .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.tab-focus .plyr__tooltip, .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible { .plyr__tooltip--visible {
opacity: 1; opacity: 1;
transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1);
@ -80,7 +80,7 @@
.plyr__controls > .plyr__control:first-child + .plyr__control, .plyr__controls > .plyr__control:first-child + .plyr__control,
.plyr__controls > .plyr__control:last-child { .plyr__controls > .plyr__control:last-child {
&:hover .plyr__tooltip, &:hover .plyr__tooltip,
&.tab-focus .plyr__tooltip, &.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible { .plyr__tooltip--visible {
transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1);
} }