]>
Commit | Line | Data |
---|---|---|
83b5fe9c FA |
1 | @import 'variables'; |
2 | @import 'mixins'; | |
68d19a0a | 3 | @import 'miniature'; |
83b5fe9c | 4 | |
8ca56654 | 5 | .table-video-link { |
aeb1bed9 | 6 | @include disable-outline; |
8ca56654 | 7 | |
aeb1bed9 RK |
8 | position: relative; |
9 | top: 3px; | |
10 | } | |
11 | ||
cfde28ba C |
12 | .table-comment-link, |
13 | .table-account-link { | |
8ca56654 C |
14 | @include disable-outline; |
15 | ||
16 | color: var(--mainForegroundColor); | |
17 | ||
18 | ::ng-deep p:last-child { | |
19 | margin: 0; | |
20 | } | |
21 | } | |
22 | ||
cfde28ba C |
23 | .table-account-link { |
24 | display: flex; | |
25 | flex-direction: column; | |
26 | } | |
27 | ||
28 | .comment-flagged-account, | |
29 | .account-flagged-handle { | |
8ca56654 C |
30 | font-size: 11px; |
31 | color: var(--greyForegroundColor); | |
32 | } | |
33 | ||
34 | .table-video { | |
aeb1bed9 RK |
35 | display: inline-flex; |
36 | ||
8ca56654 | 37 | .table-video-image { |
aeb1bed9 RK |
38 | @include miniature-thumbnail; |
39 | ||
40 | $image-height: 45px; | |
41 | ||
42 | height: $image-height; | |
43 | width: #{(16/9) * $image-height}; | |
44 | margin-right: 0.5rem; | |
45 | border-radius: 2px; | |
46 | border: none; | |
47 | background: transparent; | |
48 | display: inline-flex; | |
49 | justify-content: center; | |
50 | align-items: center; | |
51 | position: relative; | |
52 | ||
53 | img { | |
54 | height: 100%; | |
55 | width: 100%; | |
56 | border-radius: 2px; | |
57 | } | |
58 | ||
59 | span { | |
e66883b3 | 60 | color: pvar(--inputPlaceholderColor); |
aeb1bed9 RK |
61 | } |
62 | ||
8ca56654 | 63 | .table-video-image-label { |
aeb1bed9 RK |
64 | @include static-thumbnail-overlay; |
65 | position: absolute; | |
66 | border-radius: 3px; | |
67 | font-size: 10px; | |
68 | padding: 0 3px; | |
69 | line-height: 1.3; | |
70 | bottom: 2px; | |
71 | right: 2px; | |
72 | } | |
73 | } | |
74 | ||
8ca56654 | 75 | .table-video-text { |
aeb1bed9 RK |
76 | display: inline-flex; |
77 | flex-direction: column; | |
78 | justify-content: center; | |
79 | font-size: 90%; | |
e66883b3 | 80 | color: pvar(--mainForegroundColor); |
aeb1bed9 RK |
81 | line-height: 1rem; |
82 | ||
83 | div .glyphicon { | |
84 | font-size: 80%; | |
85 | color: gray; | |
86 | margin-left: 0.1rem; | |
87 | } | |
88 | ||
89 | div + div { | |
8ca56654 C |
90 | color: var(--greyForegroundColor); |
91 | font-size: 11px; | |
aeb1bed9 RK |
92 | } |
93 | } | |
94 | } | |
94148c90 C |
95 | |
96 | .abuse-states .glyphicon-comment { | |
97 | margin-left: 0.5rem; | |
98 | } | |
99 | ||
100 | .abuse-messages { | |
101 | my-global-icon { | |
102 | width: 22px; | |
103 | margin-left: 3px; | |
104 | position: relative; | |
105 | top: -2px; | |
106 | } | |
107 | } |