diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-04-19 10:20:08 +0200 |
---|---|---|
committer | Rigel Kent <par@rigelk.eu> | 2020-05-01 16:41:02 +0200 |
commit | aeb1bed9835b3b092832160245080d4023c14d91 (patch) | |
tree | 366cdf113afe748ca59f1bc40ce589cac781cc3c /client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.scss | |
parent | 5fd4ca0051c7e7f3f8c47bcbde5cab0c56532e64 (diff) | |
download | PeerTube-aeb1bed9835b3b092832160245080d4023c14d91.tar.gz PeerTube-aeb1bed9835b3b092832160245080d4023c14d91.tar.zst PeerTube-aeb1bed9835b3b092832160245080d4023c14d91.zip |
Factorize video display in table for moderation components, apply it to blacklisted videos as well
Diffstat (limited to 'client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.scss')
-rw-r--r-- | client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.scss | 71 |
1 files changed, 4 insertions, 67 deletions
diff --git a/client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.scss b/client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.scss index b5dc53b3a..a9251e2f0 100644 --- a/client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.scss +++ b/client/src/app/+admin/moderation/video-abuse-list/video-abuse-list.component.scss | |||
@@ -9,78 +9,15 @@ | |||
9 | } | 9 | } |
10 | } | 10 | } |
11 | 11 | ||
12 | .video-abuse-date-updated { | 12 | .video-details-date-updated { |
13 | font-size: 90%; | 13 | font-size: 90%; |
14 | margin-top: .1rem; | 14 | margin-top: .1rem; |
15 | } | 15 | } |
16 | 16 | ||
17 | .video-abuse-links { | 17 | .video-details-links { |
18 | @include disable-default-a-behaviour; | 18 | @include disable-default-a-behaviour; |
19 | } | 19 | } |
20 | 20 | ||
21 | .video-abuse-video-link { | 21 | .video-abuse-states .glyphicon-comment { |
22 | @include disable-outline; | 22 | margin-left: 0.5rem; |
23 | position: relative; | ||
24 | top: 3px; | ||
25 | } | ||
26 | |||
27 | .video-abuse-video { | ||
28 | display: inline-flex; | ||
29 | |||
30 | .video-abuse-video-image { | ||
31 | @include miniature-thumbnail; | ||
32 | |||
33 | $image-height: 45px; | ||
34 | |||
35 | height: $image-height; | ||
36 | width: #{(16/9) * $image-height}; | ||
37 | margin-right: 0.5rem; | ||
38 | border-radius: 2px; | ||
39 | border: none; | ||
40 | background: transparent; | ||
41 | display: inline-flex; | ||
42 | justify-content: center; | ||
43 | align-items: center; | ||
44 | position: relative; | ||
45 | |||
46 | img { | ||
47 | height: 100%; | ||
48 | width: 100%; | ||
49 | border-radius: 2px; | ||
50 | } | ||
51 | |||
52 | span { | ||
53 | color: var(--inputPlaceholderColor); | ||
54 | } | ||
55 | |||
56 | .video-abuse-video-image-label { | ||
57 | @include static-thumbnail-overlay; | ||
58 | position: absolute; | ||
59 | border-radius: 3px; | ||
60 | font-size: 10px; | ||
61 | padding: 0 3px; | ||
62 | line-height: 1.3; | ||
63 | bottom: 2px; | ||
64 | right: 2px; | ||
65 | } | ||
66 | } | ||
67 | |||
68 | .video-abuse-video-text { | ||
69 | display: inline-flex; | ||
70 | flex-direction: column; | ||
71 | justify-content: center; | ||
72 | font-size: 90%; | ||
73 | color: var(--mainForegroundColor); | ||
74 | line-height: 1rem; | ||
75 | |||
76 | div .glyphicon { | ||
77 | font-size: 80%; | ||
78 | color: gray; | ||
79 | margin-left: 0.1rem; | ||
80 | } | ||
81 | |||
82 | div + div { | ||
83 | font-size: 80%; | ||
84 | } | ||
85 | } | ||
86 | } | 23 | } |