]>
Commit | Line | Data |
---|---|---|
94148c90 C |
1 | @import 'variables'; |
2 | @import 'mixins'; | |
3 | @import 'miniature'; | |
4 | ||
5 | .moderation-expanded { | |
6 | font-size: 90%; | |
7 | ||
8 | .moderation-expanded-label { | |
9 | font-weight: $font-semibold; | |
10 | display: inline-block; | |
11 | vertical-align: top; | |
12 | text-align: right; | |
13 | } | |
14 | ||
15 | .moderation-expanded-text { | |
16 | display: inline-flex; | |
17 | word-wrap: break-word; | |
18 | ||
19 | ::ng-deep p:last-child { | |
931d3430 | 20 | margin-bottom: 0 !important; |
94148c90 C |
21 | } |
22 | } | |
23 | } | |
24 | ||
71ab65d0 | 25 | .screenratio { |
931d3430 C |
26 | @include block-ratio($selector: 'div, ::ng-deep iframe') { |
27 | width: 100% !important; | |
28 | height: 100% !important; | |
29 | left: 0; | |
30 | }; | |
31 | ||
71ab65d0 RK |
32 | div { |
33 | @include miniature-thumbnail; | |
34 | ||
35 | display: inline-flex; | |
36 | justify-content: center; | |
37 | align-items: center; | |
38 | color: pvar(--inputPlaceholderColor); | |
39 | } | |
71ab65d0 RK |
40 | } |
41 | ||
94148c90 C |
42 | .chip { |
43 | @include chip; | |
44 | } | |
45 | ||
94148c90 C |
46 | my-action-dropdown.show { |
47 | ::ng-deep .dropdown-root { | |
48 | display: block !important; | |
49 | } | |
50 | } | |
4504f09f RK |
51 | |
52 | .table-video-link { | |
53 | @include disable-outline; | |
54 | ||
55 | position: relative; | |
56 | top: 3px; | |
57 | } | |
58 | ||
59 | .table-comment-link, | |
60 | .table-account-link { | |
61 | @include disable-outline; | |
62 | ||
63 | color: var(--mainForegroundColor); | |
64 | ||
65 | ::ng-deep p:last-child { | |
66 | margin: 0; | |
67 | } | |
68 | } | |
69 | ||
70 | .table-account-link { | |
71 | display: flex; | |
72 | flex-direction: column; | |
73 | } | |
74 | ||
75 | .table-video { | |
76 | display: inline-flex; | |
77 | ||
78 | .table-video-image { | |
4504f09f RK |
79 | $image-height: 45px; |
80 | ||
931d3430 C |
81 | @include miniature-thumbnail; |
82 | ||
4504f09f RK |
83 | height: $image-height; |
84 | width: #{(16/9) * $image-height}; | |
85 | margin-right: 0.5rem; | |
86 | border-radius: 2px; | |
931d3430 | 87 | border: 0; |
4504f09f RK |
88 | background: transparent; |
89 | display: inline-flex; | |
90 | justify-content: center; | |
4504f09f RK |
91 | position: relative; |
92 | ||
93 | img { | |
94 | height: 100%; | |
95 | width: 100%; | |
96 | border-radius: 2px; | |
97 | } | |
98 | ||
99 | span { | |
100 | color: pvar(--inputPlaceholderColor); | |
101 | } | |
102 | ||
103 | .table-video-image-label { | |
104 | @include static-thumbnail-overlay; | |
105 | position: absolute; | |
106 | border-radius: 3px; | |
107 | font-size: 10px; | |
108 | padding: 0 3px; | |
109 | line-height: 1.3; | |
110 | bottom: 2px; | |
111 | right: 2px; | |
112 | } | |
113 | } | |
114 | ||
115 | .table-video-text { | |
116 | display: inline-flex; | |
117 | flex-direction: column; | |
118 | justify-content: center; | |
119 | font-size: 90%; | |
120 | color: pvar(--mainForegroundColor); | |
121 | line-height: 1rem; | |
122 | ||
123 | div .glyphicon { | |
124 | font-size: 80%; | |
931d3430 | 125 | color: #808080; |
4504f09f RK |
126 | margin-left: 0.1rem; |
127 | } | |
128 | ||
129 | div + div { | |
130 | color: var(--greyForegroundColor); | |
131 | font-size: 11px; | |
132 | } | |
133 | } | |
134 | } |