flex-direction: column;
justify-content: center;
+ $height: calc(100vh - #{$header-height} - #{$theater-bottom-space});
+
#videojs-wrapper {
width: 100%;
- height: auto;
+ height: $height;
}
::ng-deep .video-js {
- $height: calc(100vh - #{$header-height} - #{$theater-bottom-space});
-
height: $height;
width: 100%;
max-width: initial;
}
@media screen and (max-width: 600px) {
+ #videojs-wrapper {
+ height: getPlayerHeight(100vw) !important;
+ }
+
.remote-server-down,
::ng-deep .video-js {
width: 100vw;
- height: getPlayerHeight(100vw)
+ height: getPlayerHeight(100vw) !important;
}
}
}
line-height: 1.37;
a:nth-of-type(2) {
- font-weight: 500;
+ font-weight: $font-regular;
font-size: 90%;
}
.video-info-description-html {
@include peertube-word-wrap;
- /deep/ a {
+ ::ng-deep a {
text-decoration: none;
}
}