]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/+admin/moderation/moderation.component.scss
Add video channel and video thumbnail, rework video appearance in row
[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / moderation / moderation.component.scss
1 @import 'variables';
2 @import 'mixins';
3 @import 'miniature';
4
5 .form-sub-title {
6 flex-grow: 0;
7 margin-right: 30px;
8 }
9
10 .moderation-expanded-label {
11 font-weight: $font-semibold;
12 display: inline-block;
13 vertical-align: top;
14 text-align: right;
15 }
16
17 .moderation-expanded-text {
18 display: inline-block;
19 word-wrap: break-word;
20
21 ::ng-deep p:last-child {
22 margin-bottom: 0px !important;
23 }
24 }
25
26 .video-abuse-states {
27 & > :not(:first-child) {
28 margin-left: .4rem;
29 }
30 }
31
32 .screenratio {
33 position: relative;
34 width: 100%;
35 height: 0;
36 padding-bottom: 56%;
37
38 div {
39 @include miniature-thumbnail;
40 position: absolute;
41 height: 100%;
42 width: 100%;
43 display: inline-flex;
44 justify-content: center;
45 align-items: center;
46 color: var(--inputPlaceholderColor);
47 }
48
49 ::ng-deep iframe {
50 position: absolute;
51 width: 100% !important;
52 height: 100% !important;
53 left: 0;
54 top: 0;
55 }
56 }
57
58 .chip {
59 @include chip;
60 }