Improve responsive account about page

[github/Chocobozzz/PeerTube.git] / client / src / sass / video-js-custom.scss

diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index cae7ab4310cd985ecc276a36eafee83209c0b946..680958a9f8b0471785b3b2036d263bd094eab3ee 100644 (file)
--- 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;