input {
@include peertube-input-text(250px);
+ flex-grow: 1;
}
}
-.empty-table-message {
- @include empty-state;
-}
-
.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-table-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 {
}
-.video-table-video-link {
+.table-video-link {
@include disable-outline;
+
position: relative;
top: 3px;
}
-.video-table-video {
+.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;
- .video-table-video-image {
+ .table-video-image {
@include miniature-thumbnail;
$image-height: 45px;
}
span {
- color: var(--inputPlaceholderColor);
+ color: pvar(--inputPlaceholderColor);
}
- .video-table-video-image-label {
+ .table-video-image-label {
@include static-thumbnail-overlay;
position: absolute;
border-radius: 3px;
}
}
- .video-table-video-text {
+ .table-video-text {
display: inline-flex;
flex-direction: column;
justify-content: center;
font-size: 90%;
- color: var(--mainForegroundColor);
+ color: pvar(--mainForegroundColor);
line-height: 1rem;
div .glyphicon {
}
div + div {
- font-size: 80%;
+ color: var(--greyForegroundColor);
+ font-size: 11px;
}
}
}