Add play/pause bezels to the video player

[github/Chocobozzz/PeerTube.git] / client / src / sass / player / peertube-skin.scss

diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss
index 1a5144b1190453427636fb46e243f3d3c8071bbd..8230681f6bee00473c561f7e3ad9b825029197fe 100644 (file)
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -26,11 +26,6 @@ body {
   .vjs-dock-description {
     font-size: 11px;
 
-    .text::before, .text::after {
-      display: inline-block;
-      content: '\1F308';
-    }
-
     .text::before {
       margin-right: 4px;
     }
@@ -109,6 +104,18 @@ body {
     }
   }
 
+  // Show poster and controls when playing audio-only content
+  &.vjs-playing-audio-only-content {
+    .vjs-poster {
+      display: block;
+      visibility: visible;
+    }
+
+    .vjs-control-bar {
+      opacity: $primary-foreground-opacity-hover;
+    }
+  }
+
   // Hide the big play button on autoplay
   &.vjs-has-autoplay {
     .vjs-big-play-button {