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

Work on touch controls

Browse Source
This commit is contained in:
Sam Potts
2017-11-22 00:04:11 +11:00
parent 4b82e89845
commit 7382553a78
12 changed files with 52 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,9 +33,9 @@
// Change icons on state change
.plyr__control[aria-pressed='false'] .icon--pressed,
.plyr__control[aria-pressed='true'] .icon--not-pressed,
.plyr__control[aria-pressed='false'] .label--pressed,
.plyr__control[aria-pressed='true'] .label--not-pressed {
.plyr__control[aria-pressed='true'] .icon--not-pressed,
.plyr__control[aria-pressed='false'] .label--pressed,
.plyr__control[aria-pressed='true'] .label--not-pressed {
display: none;
}
@ -53,7 +53,7 @@
.plyr__control--overlaid {
display: none;
position: absolute;
z-index: 3;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

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

@ -26,7 +26,7 @@
background: @plyr-captions-bg;
box-decoration-break: clone;
line-height: 185%;
white-space: pre;
white-space: pre-wrap;
// Firefox adds a <div> when using getCueAsHTML()
div {

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

@ -13,11 +13,11 @@
@media (min-width: @plyr-bp-screen-sm) {
display: block;
max-width: 60px;
max-width: 50px;
}
@media (min-width: @plyr-bp-screen-md) {
max-width: 100px;
max-width: 80px;
}
}
@ -25,6 +25,6 @@
// It's not supported to change volume using JavaScript:
// https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html
.plyr--is-ios .plyr__volume,
.plyr--is-ios [data-plyr='mute'] {
.plyr--is-ios [data-plyr='mute'] {
display: none !important;
}