X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideos%2F%2Bvideo-watch%2Fvideo-watch.component.scss;h=4bf5ff8088886cf80c9dca09545cf9c7bd765030;hb=da0310f821b039fea1fcbf8aea49e1d2279ba98e;hp=2e083982eb46fe42d488b480be841228746fb3c8;hpb=1942f11d5ee6926ad93dc1b79fae18325ba5de18;p=github%2FChocobozzz%2FPeerTube.git 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 2e083982e..4bf5ff808 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,8 @@ $video-info-margin-left: 44px; } #video-wrapper { + $video-height: 66vh; + background-color: #000; display: flex; justify-content: center; @@ -58,6 +60,7 @@ $video-info-margin-left: 44px; display: flex; justify-content: center; flex-grow: 1; + height: $video-height; } .remote-server-down { @@ -84,7 +87,7 @@ $video-info-margin-left: 44px; ::ng-deep .video-js { width: 100%; max-width: getPlayerWidth(66vh); - height: 66vh; + height: $video-height; // VideoJS create an inner video player video { @@ -192,6 +195,10 @@ $video-info-margin-left: 44px; font-weight: 500; font-size: 90%; } + + a.single-link { + margin-top: 7px; + } } } @@ -249,7 +256,7 @@ $video-info-margin-left: 44px; filter: brightness(120%); .count { - margin-right: 5px; + margin: 0 5px; } } @@ -573,10 +580,6 @@ my-video-comments { .privacy-concerns { width: 100%; - - strong { - display: none; - } } } @@ -605,3 +608,9 @@ my-video-comments { } } } + + +// Special case for iOS, that takes into account the width for fullscreens +#video-wrapper ::ng-deep .video-js.vjs-fullscreen { + max-width: unset; +}