diff options
author | Sam Potts <sam@potts.es> | 2017-12-18 16:57:23 +0000 |
---|---|---|
committer | Sam Potts <sam@potts.es> | 2017-12-18 16:57:23 +0000 |
commit | aab53fa91fded2babdef8c3529a0ff1203f92f97 (patch) | |
tree | b5ae8e0d4c22bff6ad884928b1ac13a6d2ac53f9 /src/less/components/controls.less | |
parent | 423f67b4f4dbf16b758c93cc59b2b648727c1a0f (diff) | |
download | plyr-aab53fa91fded2babdef8c3529a0ff1203f92f97.tar.lz plyr-aab53fa91fded2babdef8c3529a0ff1203f92f97.tar.xz plyr-aab53fa91fded2babdef8c3529a0ff1203f92f97.zip |
Minor tweaks
Diffstat (limited to 'src/less/components/controls.less')
-rw-r--r-- | src/less/components/controls.less | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/src/less/components/controls.less b/src/less/components/controls.less index fb66e869..65a42509 100644 --- a/src/less/components/controls.less +++ b/src/less/components/controls.less @@ -3,7 +3,7 @@ // -------------------------------------------------------------- // Hide native controls -.plyr ::-webkit-media-controls { +.plyr--full-ui ::-webkit-media-controls { display: none; } @@ -75,13 +75,6 @@ } } -// Hide controls -.plyr--video.plyr--hide-controls .plyr__controls { - opacity: 0; - transform: translateY(100%); - pointer-events: none; -} - // Audio controls .plyr--audio .plyr__controls { padding: @plyr-control-spacing; @@ -90,16 +83,23 @@ color: @plyr-audio-control-color; } +// Hide controls +.plyr--video.plyr--hide-controls .plyr__controls { + opacity: 0; + transform: translateY(100%); + pointer-events: none; +} + // Some options are hidden by default .plyr [data-plyr='captions'], -.plyr [data-plyr='pip'], -.plyr [data-plyr='airplay'], -.plyr [data-plyr='fullscreen'] { + .plyr [data-plyr='pip'], + .plyr [data-plyr='airplay'], + .plyr [data-plyr='fullscreen'] { display: none; } .plyr--captions-enabled [data-plyr='captions'], -.plyr--pip-supported [data-plyr='pip'], -.plyr--airplay-supported [data-plyr='airplay'], -.plyr--fullscreen-enabled [data-plyr='fullscreen'] { + .plyr--pip-supported [data-plyr='pip'], + .plyr--airplay-supported [data-plyr='airplay'], + .plyr--fullscreen-enabled [data-plyr='fullscreen'] { display: inline-block; } |