diff options
author | Chocobozzz <me@florianbigard.com> | 2020-11-13 14:49:27 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2020-11-13 14:49:27 +0100 |
commit | dc13623baa244e13c33cc803de808818ef1e95a4 (patch) | |
tree | 2437f142c93fc6942114625e01cb5a4529ff5b1c | |
parent | 5c0904fc664e3eb04ac75a9430c1297c2a14f853 (diff) | |
download | PeerTube-dc13623baa244e13c33cc803de808818ef1e95a4.tar.gz PeerTube-dc13623baa244e13c33cc803de808818ef1e95a4.tar.zst PeerTube-dc13623baa244e13c33cc803de808818ef1e95a4.zip |
Fix player height on mobile
-rw-r--r-- | client/src/app/+videos/+video-watch/video-watch.component.scss | 6 |
1 files changed, 5 insertions, 1 deletions
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; | |||
98 | } | 98 | } |
99 | 99 | ||
100 | @media screen and (max-width: 600px) { | 100 | @media screen and (max-width: 600px) { |
101 | #videojs-wrapper { | ||
102 | height: getPlayerHeight(100vw) !important; | ||
103 | } | ||
104 | |||
101 | .remote-server-down, | 105 | .remote-server-down, |
102 | ::ng-deep .video-js { | 106 | ::ng-deep .video-js { |
103 | width: 100vw; | 107 | width: 100vw; |
104 | height: getPlayerHeight(100vw) | 108 | height: getPlayerHeight(100vw) !important; |
105 | } | 109 | } |
106 | } | 110 | } |
107 | } | 111 | } |