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 70bd588db..d38679a02 100644 --- a/client/src/app/+videos/+video-watch/video-watch.component.scss +++ b/client/src/app/+videos/+video-watch/video-watch.component.scss @@ -257,7 +257,7 @@ my-video-comments { --player-portrait-mode: 1; --player-height: calc(100vw / var(--player-ratio)) !important; - max-height: $video-max-height; + max-height: calc(100vh - #{$header-height} - #{$player-portrait-bottom-space}); } } diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index 1dcf35cd3..8a2dcc96a 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss @@ -79,6 +79,7 @@ $video-thumbnail-small-height: 71px; $video-thumbnail-small-width: 125px; $theater-bottom-space: 115px; +$player-portrait-bottom-space: 50px; $input-foreground-color: $fg-color; $input-background-color: $bg-color;