diff --git a/src/styles/components/_audiovideo.scss b/src/styles/components/_audiovideo.scss index 954dc341..c85e395d 100644 --- a/src/styles/components/_audiovideo.scss +++ b/src/styles/components/_audiovideo.scss @@ -274,7 +274,7 @@ width: 40px; z-index: 5; - button { + .btn { color: #ccc; cursor: pointer; display: block; @@ -283,27 +283,6 @@ width: 40px; } - button.renderer-auditorium { - position: relative; - - span:before { - content: '\f183'; - left: 50%; - margin-left: -.8em; - margin-top: -.5em; - position: absolute; - top: 50%; - } - - span:after { - content: '\f183'; - margin-right: -.9em; - margin-top: -.5em; - position: absolute; - right: 50%; - top: 50%; - } - } } .remoteVideo { @@ -346,6 +325,28 @@ } } +.renderer-auditorium { + position: relative; + + span:before { + content: '\f183'; + left: 50%; + margin-left: -.8em; + margin-top: -.5em; + position: absolute; + top: 50%; + } + + span:after { + content: '\f183'; + margin-right: -.9em; + margin-top: -.5em; + position: absolute; + right: 50%; + top: 50%; + } +} + .renderer-smally { background: #000; border-right: 0; diff --git a/src/styles/components/_presentation.scss b/src/styles/components/_presentation.scss index a282a574..e1c227c9 100644 --- a/src/styles/components/_presentation.scss +++ b/src/styles/components/_presentation.scss @@ -112,7 +112,7 @@ max-width: 100%; } -.presentation .overlaybar a.overlaybar-button { +.presentation .overlaybar .overlaybar-button { font-size: 20px; line-height: 28px; padding: 4px 6px; @@ -124,11 +124,11 @@ height: 30px; } -.presentation .overlaybar a.btn-prev { +.presentation .overlaybar .btn-prev { left: 40px; } -.presentation .overlaybar a.btn-next { +.presentation .overlaybar .btn-next { left: auto; right: 0; } diff --git a/src/styles/components/_youtubevideo.scss b/src/styles/components/_youtubevideo.scss index 3023bd98..e0b99305 100644 --- a/src/styles/components/_youtubevideo.scss +++ b/src/styles/components/_youtubevideo.scss @@ -145,7 +145,7 @@ vertical-align: middle; } -.volumebar input[type="range"] { +.volumebar .bar { -webkit-appearance: none; background-color: #aaa; border: 1px solid #aaa; @@ -154,26 +154,26 @@ width: 100px; } -.volumebar input[type="range"]::-webkit-slider-thumb { +.volumebar .bar::-webkit-slider-thumb { -webkit-appearance: none; background-color: #fff; height: 20px; width: 6px; } -.volumebar input[type="range"]::-moz-range-track { +.volumebar .bar::-moz-range-track { background: #aaa; border: 0; } -.volumebar input[type="range"]::-moz-range-thumb { +.volumebar .bar::-moz-range-thumb { background-color: #fff; border-radius: 0; height: 20px; width: 6px; } -.volumebar input[type="range"]::-moz-focusring { +.volumebar .bar::-moz-focusring { outline: 1px solid #aaa; outline-offset: -1px; } diff --git a/src/styles/global/_overlaybar.scss b/src/styles/global/_overlaybar.scss index 0c91a1c5..12d0a03d 100644 --- a/src/styles/global/_overlaybar.scss +++ b/src/styles/global/_overlaybar.scss @@ -33,6 +33,7 @@ } .overlaybar { + // scss-lint:disable QualifyingElement &:hover { background: $componentfg2; } diff --git a/static/partials/youtubevideo.html b/static/partials/youtubevideo.html index fa22c265..5fe5e3d3 100644 --- a/static/partials/youtubevideo.html +++ b/static/partials/youtubevideo.html @@ -40,7 +40,7 @@
- +