+@import 'variables';
+@import 'mixins';
+@import 'miniature';
+
.form-sub-title {
flex-grow: 0;
margin-right: 30px;
}
+
+.caption {
+ justify-content: flex-end;
+
+ input {
+ @include peertube-input-text(250px);
+ flex-grow: 1;
+ }
+}
+
+.empty-table-message {
+ @include empty-state;
+}
+
+.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-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: var(--inputPlaceholderColor);
+ }
+
+ ::ng-deep iframe {
+ position: absolute;
+ 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: var(--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: var(--mainForegroundColor);
+ line-height: 1rem;
+
+ div .glyphicon {
+ font-size: 80%;
+ color: gray;
+ margin-left: 0.1rem;
+ }
+
+ div + div {
+ font-size: 80%;
+ }
+ }
+}