From: Chocobozzz <me@florianbigard.com>
Date: Tue, 1 Jun 2021 07:38:52 +0000 (+0200)
Subject: Fix live image aspect ratio in theatre mode
X-Git-Tag: v3.3.0-rc.1~174
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=0114ee15d508864156256f3e60ad8228b6e3175c;hp=d88a3ea5e368c13be4748b252e57da3d8c66fe84;p=github%2FChocobozzz%2FPeerTube.git

Fix live image aspect ratio in theatre mode
---

diff --git a/client/src/app/+videos/+video-watch/video-watch.component.html b/client/src/app/+videos/+video-watch/video-watch.component.html
index bb41fba77..4e424d95d 100644
--- a/client/src/app/+videos/+video-watch/video-watch.component.html
+++ b/client/src/app/+videos/+video-watch/video-watch.component.html
@@ -8,7 +8,7 @@
     </div>
 
     <div id="videojs-wrapper">
-      <img *ngIf="playerPlaceholderImgSrc" [src]="playerPlaceholderImgSrc" alt="Placeholder image" i18n-alt>
+      <img class="placeholder-image" *ngIf="playerPlaceholderImgSrc" [src]="playerPlaceholderImgSrc" alt="Placeholder image" i18n-alt>
     </div>
 
     <my-video-watch-playlist
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 6124090c9..af807a208 100644
--- a/client/src/app/+videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/+videos/+video-watch/video-watch.component.scss
@@ -50,6 +50,10 @@ $video-info-margin-left: 44px;
   font-weight: $font-semibold;
 }
 
+.placeholder-image {
+  height: 100%;
+}
+
 #video-wrapper {
   $video-height: 66vh;