aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-06-01 09:38:52 +0200
committerChocobozzz <me@florianbigard.com>2021-06-01 09:38:52 +0200
commit7a9e9417c17f8a45a639e7c3f49d82f14985786e (patch)
treececc728a61b9628acaa508008e32884eedb92aa2
parent1f730800421e578c6056ffbb5fe19857ca550fc2 (diff)
downloadPeerTube-7a9e9417c17f8a45a639e7c3f49d82f14985786e.tar.gz
PeerTube-7a9e9417c17f8a45a639e7c3f49d82f14985786e.tar.zst
PeerTube-7a9e9417c17f8a45a639e7c3f49d82f14985786e.zip
Fix live image aspect ratio in theatre mode
-rw-r--r--client/src/app/+videos/+video-watch/video-watch.component.html2
-rw-r--r--client/src/app/+videos/+video-watch/video-watch.component.scss4
2 files changed, 5 insertions, 1 deletions
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 4779602d2..0f8c229c9 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 @@
8 </div> 8 </div>
9 9
10 <div id="videojs-wrapper"> 10 <div id="videojs-wrapper">
11 <img *ngIf="playerPlaceholderImgSrc" [src]="playerPlaceholderImgSrc" alt="Placeholder image" i18n-alt> 11 <img class="placeholder-image" *ngIf="playerPlaceholderImgSrc" [src]="playerPlaceholderImgSrc" alt="Placeholder image" i18n-alt>
12 </div> 12 </div>
13 13
14 <my-video-watch-playlist 14 <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;
50 font-weight: $font-semibold; 50 font-weight: $font-semibold;
51} 51}
52 52
53.placeholder-image {
54 height: 100%;
55}
56
53#video-wrapper { 57#video-wrapper {
54 $video-height: 66vh; 58 $video-height: 66vh;
55 59