From: Chocobozzz <me@florianbigard.com>
Date: Fri, 13 Nov 2020 13:49:27 +0000 (+0100)
Subject: Fix player height on mobile
X-Git-Tag: v3.0.0-rc.1~331
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=dc13623baa244e13c33cc803de808818ef1e95a4;p=github%2FChocobozzz%2FPeerTube.git

Fix player height on mobile
---

diff --git a/client/src/app/+videos/+video-watch/video-watch.component.scss b/client/src/app/+videos/+video-watch/video-watch.component.scss
index e198a8bb0..d0cefdc92 100644
--- a/client/src/app/+videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/+videos/+video-watch/video-watch.component.scss
@@ -98,10 +98,14 @@ $video-info-margin-left: 44px;
   }
 
   @media screen and (max-width: 600px) {
+    #videojs-wrapper {
+      height: getPlayerHeight(100vw) !important;
+    }
+
     .remote-server-down,
     ::ng-deep .video-js {
       width: 100vw;
-      height: getPlayerHeight(100vw)
+      height: getPlayerHeight(100vw) !important;
     }
   }
 }