From f1a0555a88db9ade2b073a2e4dc73c4a6176c8a0 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Tue, 11 Jan 2022 11:26:35 +0100 Subject: Add player controls on mobile --- client/src/sass/player/control-bar.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'client/src/sass/player/control-bar.scss') diff --git a/client/src/sass/player/control-bar.scss b/client/src/sass/player/control-bar.scss index b3a96510a..c4e1283f8 100644 --- a/client/src/sass/player/control-bar.scss +++ b/client/src/sass/player/control-bar.scss @@ -4,6 +4,8 @@ @use './_player-variables' as *; .video-js.vjs-peertube-skin .vjs-control-bar { + z-index: 100; + height: $control-bar-height; background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)); box-shadow: 0 -15px 40px 10px rgba(0, 0, 0, 0.2); @@ -49,7 +51,7 @@ @include margin-left($progress-margin); position: absolute; - top: -10px; + top: $control-bar-slider-top; z-index: 100; // On top of the progress bar width: calc(100% - (2 * #{$progress-margin})); height: 14px; -- cgit v1.2.3