diff options
| author | Chocobozzz <me@florianbigard.com> | 2018-09-05 16:10:03 +0200 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2018-09-06 09:00:58 +0200 |
| commit | 432e7ddcc8711d6a91719ff5d8fb5365bb0de806 (patch) | |
| tree | d59462cdc96367e610ee8fc9b3cc142733890bb4 /client/src | |
| parent | 66467298e636875c1d1016902a98624adf8bc242 (diff) | |
| download | PeerTube-432e7ddcc8711d6a91719ff5d8fb5365bb0de806.tar.gz PeerTube-432e7ddcc8711d6a91719ff5d8fb5365bb0de806.tar.zst PeerTube-432e7ddcc8711d6a91719ff5d8fb5365bb0de806.zip | |
Fix video player theatre mode
Diffstat (limited to 'client/src')
| -rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 5 | ||||
| -rw-r--r-- | client/src/sass/include/_variables.scss | 2 |
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; |