margin-right: 30px;
}
-.moderation-expanded-label {
- font-weight: $font-semibold;
- display: inline-block;
- vertical-align: top;
- text-align: right;
+.caption {
+ justify-content: flex-end;
+
+ input {
+ @include peertube-input-text(250px);
+ flex-grow: 1;
+ }
}
-.moderation-expanded-text {
- display: inline-block;
- word-wrap: break-word;
+.empty-table-message {
+ @include empty-state;
+}
- ::ng-deep p:last-child {
- margin-bottom: 0px !important;
+.moderation-expanded {
+ font-size: 90%;
+
+ .moderation-expanded-label {
+ font-weight: $font-semibold;
+ display: inline-block;
+ 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 {
+.video-table-states {
& > :not(:first-child) {
margin-left: .4rem;
}
}
.screenratio {
- position: relative;
- width: 100%;
- height: 0;
- padding-bottom: 56%;
-
div {
@include miniature-thumbnail;
- position: absolute;
- height: 100%;
- width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
+ 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;
- }
+ };
}
.chip {
@include chip;
}
+
+my-action-dropdown.show {
+ ::ng-deep .dropdown-root {
+ display: block !important;
+ }
+}
+
+
+.video-table-video-link {
+ @include disable-outline;
+ position: relative;
+ top: 3px;
+}
+
+.video-table-video {
+ display: inline-flex;
+
+ .video-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);
+ }
+
+ .video-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;
+ }
+ }
+
+ .video-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 {
+ font-size: 80%;
+ }
+ }
+}