height: 500px;
@media screen and (max-width: 600px) {
- height: auto;
- max-height: calc(100vh - #{$header-height});
+ width: 100vw;
+ height: calc(100vw / 1.7); // 16/9
}
// VideoJS create an inner video player
position: relative !important;
}
}
+
+ /deep/ .video-js.vjs-theater-enabled {
+ width: 100%;
+ height: calc(100vh - #{$header-height} - #{$theater-bottom-space});
+ }
+}
+
+.alert {
+ text-align: center;
}
#video-not-found {
.video-info-channel {
font-weight: $font-semibold;
font-size: 15px;
+
+ a {
+ @include disable-default-a-behaviour;
+
+ color: #000;
+
+ &:hover {
+ opacity: 0.8;
+ }
+
+ img {
+ @include avatar(18px);
+
+ margin: -2px 2px 0 5px;
+ }
+ }
+
+ my-help {
+ display: inline-block;
+ }
}
.video-info-by a {
@include disable-default-a-behaviour;
- display: flex;
+ display: inline;
align-items: center;
font-size: 13px;
color: #000;
img {
@include avatar(18px);
+ margin-top: -2px;
margin-left: 7px;
}
}
}
}
- &.action-button-share {
- width: 82px;
+ .icon-text {
+ margin-left: 3px;
}
&.action-button-like.activated {
@include peertube-word-wrap;
}
+ .glyphicon, .description-loading {
+ margin-left: 3px;
+ }
+
.description-loading {
display: inline-block;
}
display: flex;
height: 100%;
margin-bottom: 20px;
+ flex-wrap: wrap;
.video-miniature-information {
margin-left: 10px;
+ flex-grow: 1;
}
}
}
}
@media screen and (max-width: 1300px) {
+ .video-bottom {
+ flex-direction: column;
+ }
+
.other-videos {
- display: none;
+ padding-left: 0;
}
.privacy-concerns {