diff options
Diffstat (limited to 'client/src/app/+admin/moderation/moderation.component.scss')
-rw-r--r-- | client/src/app/+admin/moderation/moderation.component.scss | 41 |
1 files changed, 32 insertions, 9 deletions
diff --git a/client/src/app/+admin/moderation/moderation.component.scss b/client/src/app/+admin/moderation/moderation.component.scss index 0ec420af9..f73c71dc5 100644 --- a/client/src/app/+admin/moderation/moderation.component.scss +++ b/client/src/app/+admin/moderation/moderation.component.scss | |||
@@ -25,18 +25,18 @@ | |||
25 | vertical-align: top; | 25 | vertical-align: top; |
26 | text-align: right; | 26 | text-align: right; |
27 | } | 27 | } |
28 | 28 | ||
29 | .moderation-expanded-text { | 29 | .moderation-expanded-text { |
30 | display: inline-flex; | 30 | display: inline-flex; |
31 | word-wrap: break-word; | 31 | word-wrap: break-word; |
32 | 32 | ||
33 | ::ng-deep p:last-child { | 33 | ::ng-deep p:last-child { |
34 | margin-bottom: 0px !important; | 34 | margin-bottom: 0px !important; |
35 | } | 35 | } |
36 | } | 36 | } |
37 | } | 37 | } |
38 | 38 | ||
39 | .video-table-states { | 39 | .table-states { |
40 | & > :not(:first-child) { | 40 | & > :not(:first-child) { |
41 | margin-left: .4rem; | 41 | margin-left: .4rem; |
42 | } | 42 | } |
@@ -59,6 +59,7 @@ p-calendar { | |||
59 | .screenratio { | 59 | .screenratio { |
60 | div { | 60 | div { |
61 | @include miniature-thumbnail; | 61 | @include miniature-thumbnail; |
62 | |||
62 | display: inline-flex; | 63 | display: inline-flex; |
63 | justify-content: center; | 64 | justify-content: center; |
64 | align-items: center; | 65 | align-items: center; |
@@ -72,6 +73,11 @@ p-calendar { | |||
72 | }; | 73 | }; |
73 | } | 74 | } |
74 | 75 | ||
76 | .comment-html { | ||
77 | background-color: #ececec; | ||
78 | padding: 10px; | ||
79 | } | ||
80 | |||
75 | .chip { | 81 | .chip { |
76 | @include chip; | 82 | @include chip; |
77 | } | 83 | } |
@@ -83,16 +89,32 @@ my-action-dropdown.show { | |||
83 | } | 89 | } |
84 | 90 | ||
85 | 91 | ||
86 | .video-table-video-link { | 92 | .table-video-link { |
87 | @include disable-outline; | 93 | @include disable-outline; |
94 | |||
88 | position: relative; | 95 | position: relative; |
89 | top: 3px; | 96 | top: 3px; |
90 | } | 97 | } |
91 | 98 | ||
92 | .video-table-video { | 99 | .table-comment-link { |
100 | @include disable-outline; | ||
101 | |||
102 | color: var(--mainForegroundColor); | ||
103 | |||
104 | ::ng-deep p:last-child { | ||
105 | margin: 0; | ||
106 | } | ||
107 | } | ||
108 | |||
109 | .comment-flagged-account { | ||
110 | font-size: 11px; | ||
111 | color: var(--greyForegroundColor); | ||
112 | } | ||
113 | |||
114 | .table-video { | ||
93 | display: inline-flex; | 115 | display: inline-flex; |
94 | 116 | ||
95 | .video-table-video-image { | 117 | .table-video-image { |
96 | @include miniature-thumbnail; | 118 | @include miniature-thumbnail; |
97 | 119 | ||
98 | $image-height: 45px; | 120 | $image-height: 45px; |
@@ -118,7 +140,7 @@ my-action-dropdown.show { | |||
118 | color: pvar(--inputPlaceholderColor); | 140 | color: pvar(--inputPlaceholderColor); |
119 | } | 141 | } |
120 | 142 | ||
121 | .video-table-video-image-label { | 143 | .table-video-image-label { |
122 | @include static-thumbnail-overlay; | 144 | @include static-thumbnail-overlay; |
123 | position: absolute; | 145 | position: absolute; |
124 | border-radius: 3px; | 146 | border-radius: 3px; |
@@ -130,7 +152,7 @@ my-action-dropdown.show { | |||
130 | } | 152 | } |
131 | } | 153 | } |
132 | 154 | ||
133 | .video-table-video-text { | 155 | .table-video-text { |
134 | display: inline-flex; | 156 | display: inline-flex; |
135 | flex-direction: column; | 157 | flex-direction: column; |
136 | justify-content: center; | 158 | justify-content: center; |
@@ -145,7 +167,8 @@ my-action-dropdown.show { | |||
145 | } | 167 | } |
146 | 168 | ||
147 | div + div { | 169 | div + div { |
148 | font-size: 80%; | 170 | color: var(--greyForegroundColor); |
171 | font-size: 11px; | ||
149 | } | 172 | } |
150 | } | 173 | } |
151 | } | 174 | } |