margin-right: 30px;
}
+.caption {
+ justify-content: flex-end;
+
+ input {
+ @include peertube-input-text(250px);
+ flex-grow: 1;
+ }
+}
+
.moderation-expanded {
font-size: 90%;
vertical-align: top;
text-align: right;
}
-
+
.moderation-expanded-text {
display: inline-flex;
word-wrap: break-word;
-
+
::ng-deep p:last-child {
margin-bottom: 0px !important;
}
}
}
-.video-abuse-states {
+.table-states {
& > :not(:first-child) {
margin-left: .4rem;
}
}
-.screenratio {
- position: relative;
- width: 100%;
- height: 0;
- padding-bottom: 56%;
+p-calendar {
+ display: block;
+
+ ::ng-deep {
+ .ui-widget-content {
+ min-width: 400px;
+ }
+
+ input {
+ @include peertube-input-text(100%);
+ }
+ }
+}
+.screenratio {
div {
@include miniature-thumbnail;
- position: absolute;
- height: 100%;
- width: 100%;
+
display: inline-flex;
justify-content: center;
align-items: center;
- color: var(--inputPlaceholderColor);
+ color: pvar(--inputPlaceholderColor);
}
- ::ng-deep iframe {
- position: absolute;
+ @include large-screen-ratio($selector: 'div, ::ng-deep iframe') {
width: 100% !important;
height: 100% !important;
left: 0;
- top: 0;
- }
+ };
+}
+
+.comment-html {
+ background-color: #ececec;
+ padding: 10px;
}
.chip {
display: block !important;
}
}
+
+
+.table-video-link {
+ @include disable-outline;
+
+ position: relative;
+ top: 3px;
+}
+
+.table-comment-link {
+ @include disable-outline;
+
+ color: var(--mainForegroundColor);
+
+ ::ng-deep p:last-child {
+ margin: 0;
+ }
+}
+
+.comment-flagged-account {
+ font-size: 11px;
+ color: var(--greyForegroundColor);
+}
+
+.table-video {
+ display: inline-flex;
+
+ .table-video-image {
+ @include miniature-thumbnail;
+
+ $image-height: 45px;
+
+ height: $image-height;
+ width: #{(16/9) * $image-height};
+ margin-right: 0.5rem;
+ border-radius: 2px;
+ border: none;
+ background: transparent;
+ display: inline-flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+
+ img {
+ height: 100%;
+ width: 100%;
+ border-radius: 2px;
+ }
+
+ span {
+ color: pvar(--inputPlaceholderColor);
+ }
+
+ .table-video-image-label {
+ @include static-thumbnail-overlay;
+ position: absolute;
+ border-radius: 3px;
+ font-size: 10px;
+ padding: 0 3px;
+ line-height: 1.3;
+ bottom: 2px;
+ right: 2px;
+ }
+ }
+
+ .table-video-text {
+ display: inline-flex;
+ flex-direction: column;
+ justify-content: center;
+ font-size: 90%;
+ color: pvar(--mainForegroundColor);
+ line-height: 1rem;
+
+ div .glyphicon {
+ font-size: 80%;
+ color: gray;
+ margin-left: 0.1rem;
+ }
+
+ div + div {
+ color: var(--greyForegroundColor);
+ font-size: 11px;
+ }
+ }
+}