X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fvideo-js-custom.scss;h=680958a9f8b0471785b3b2036d263bd094eab3ee;hb=1952a538baa330b13bd11631b3975f7ef1c37e70;hp=cae7ab4310cd985ecc276a36eafee83209c0b946;hpb=864e782bc2306f7154a185361ebf94e6e86472e8;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index cae7ab431..680958a9f 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -115,6 +115,13 @@ $setting-transition-easing: ease-out;
     }
   }
 
+  // Hide the big play button on autoplay
+  &.vjs-has-autoplay {
+    .vjs-big-play-button {
+      display: none !important;
+    }
+  }
+
   .vjs-control-bar,
   .vjs-big-play-button,
   .vjs-settings-dialog {
@@ -434,15 +441,30 @@ $setting-transition-easing: ease-out;
     }
   }
 
-  @media screen and (max-width: 570px) {
+  @media screen and (max-width: 750px) {
     .vjs-dock-text {
-      font-size: 14px;
+      font-size: 16px;
     }
 
     .vjs-dock-description {
       font-size: 9px;
     }
 
+    .vjs-big-play-button {
+      font-size: 5em;
+      border-width: 5px;
+
+      .vjs-icon-placeholder::before {
+        @include big-play-button-triangle-size(32px);
+      }
+    }
+  }
+
+  @media screen and (max-width: 570px) {
+    .vjs-dock-text {
+      font-size: 14px;
+    }
+
     .vjs-big-play-button {
       font-size: 4.5em;
       border-width: 4.5px;