aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-06-01 09:38:52 +0200
committerChocobozzz <me@florianbigard.com>2021-06-01 11:03:52 +0200
commit0114ee15d508864156256f3e60ad8228b6e3175c (patch)
tree01d51b308ce89431437f67a0b73031d303a37f6b /client/src
parentd88a3ea5e368c13be4748b252e57da3d8c66fe84 (diff)
downloadPeerTube-0114ee15d508864156256f3e60ad8228b6e3175c.tar.gz
PeerTube-0114ee15d508864156256f3e60ad8228b6e3175c.tar.zst
PeerTube-0114ee15d508864156256f3e60ad8228b6e3175c.zip
Fix live image aspect ratio in theatre mode
Diffstat (limited to 'client/src')
-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 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 @@
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