Translated using Weblate (Swedish)

[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 6e1d81673b4a311959fcc0d4b99272b1ade2fd9b..d8ce97c04d8ef7d0bd8df3e612b4168b482ec4cd 100644 (file)
--- a/client/src/sass/player/peertube-skin.scss
+++ b/client/src/sass/player/peertube-skin.scss
@@ -21,6 +21,7 @@ body {
 
   .vjs-dock-text {
     padding: $dock-padding;
+    padding-right: 60px;
     background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
   }
 
@@ -123,6 +124,14 @@ body {
     }
   }
 
+  // Do not display poster when video is starting
+  &.vjs-has-autoplay:not(.vjs-has-started) {
+    .vjs-poster {
+      opacity: 0;
+      visibility: hidden;
+    }
+  }
+
   // Hide the big play button on autoplay
   &.vjs-has-autoplay {
     .vjs-big-play-button {
@@ -148,7 +157,7 @@ body {
     text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
 
     > button:first-child {
-      margin-left: 1em;
+      margin-left: $first-control-bar-element-margin-left;
     }
 
     .vjs-progress-control,
@@ -583,7 +592,9 @@ body {
       }
     }
 
-    .vjs-volume-control {
+    .vjs-volume-control,
+    .vjs-next-video,
+    .vjs-previous-video {
       display: none !important;
     }
 
@@ -594,6 +605,10 @@ body {
     .vjs-settings {
       width: 33px;
     }
+
+    .vjs-play-control {
+      margin-left: $first-control-bar-element-margin-left;
+    }
   }
 
   // Theater mode is enabled