From 0114ee15d508864156256f3e60ad8228b6e3175c Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 1 Jun 2021 09:38:52 +0200
Subject: Fix live image aspect ratio in theatre mode

---
 client/src/app/+videos/+video-watch/video-watch.component.html | 2 +-
 client/src/app/+videos/+video-watch/video-watch.component.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

(limited to 'client/src/app/+videos/+video-watch')

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;
 
-- 
cgit v1.2.3