aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-09-05 16:10:03 +0200
committerChocobozzz <me@florianbigard.com>2018-09-06 09:00:58 +0200
commit432e7ddcc8711d6a91719ff5d8fb5365bb0de806 (patch)
treed59462cdc96367e610ee8fc9b3cc142733890bb4
parent66467298e636875c1d1016902a98624adf8bc242 (diff)
downloadPeerTube-432e7ddcc8711d6a91719ff5d8fb5365bb0de806.tar.gz
PeerTube-432e7ddcc8711d6a91719ff5d8fb5365bb0de806.tar.zst
PeerTube-432e7ddcc8711d6a91719ff5d8fb5365bb0de806.zip
Fix video player theatre mode
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss5
-rw-r--r--client/src/sass/include/_variables.scss2
2 files changed, 3 insertions, 4 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 0d593ea32..4811489ea 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -37,9 +37,8 @@
37 } 37 }
38 38
39 /deep/ .video-js { 39 /deep/ .video-js {
40 width: calc(100vw - 240px); 40 width: 888px;
41 height: auto; 41 height: 500px;
42 max-height: 500px;
43 42
44 &.vjs-theater-enabled { 43 &.vjs-theater-enabled {
45 height: calc(100vh - #{$header-height} - #{$theater-bottom-space}); 44 height: calc(100vh - #{$header-height} - #{$theater-bottom-space});
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 6ea48f800..cb6061f45 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -44,7 +44,7 @@ $footer-border-color: $header-border-color;
44$video-thumbnail-height: 110px; 44$video-thumbnail-height: 110px;
45$video-thumbnail-width: 200px; 45$video-thumbnail-width: 200px;
46 46
47$theater-bottom-space: 85px; 47$theater-bottom-space: 115px;
48 48
49$input-background-color: $bg-color; 49$input-background-color: $bg-color;
50$input-placeholder-color: #898989; 50$input-placeholder-color: #898989;