]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
52c4976f C |
3 | |
4 | $form-base-input-width: auto; | |
5 | ||
1e2fe802 C |
6 | .text-muted { |
7 | font-size: 90%; | |
8 | } | |
9 | ||
52c4976f C |
10 | ng-select { |
11 | width: $form-base-input-width; | |
12 | ||
13 | @media screen and (max-width: $form-base-input-width) { | |
14 | width: 100%; | |
15 | } | |
16 | } | |
17 | ||
18 | ng-select ::ng-deep { | |
19 | .ng-value-container { | |
20 | max-height: 100px; | |
21 | overflow-y: auto; | |
22 | overflow-x: hidden; | |
23 | } | |
24 | ||
25 | // make sure the image is vertically adjusted | |
26 | .ng-value-label img { | |
27 | position: relative; | |
28 | top: -1px; | |
29 | } | |
30 | ||
31 | img { | |
32 | border-radius: 50%; | |
33 | height: 20px; | |
34 | width: 20px; | |
35 | } | |
36 | } | |
ead64cdf C |
37 | |
38 | .root { | |
931d3430 | 39 | display: flex; |
21e493d4 | 40 | align-items: center; |
ead64cdf C |
41 | |
42 | > my-select-options { | |
43 | flex-grow: 1; | |
44 | } | |
45 | } | |
46 | ||
21e493d4 | 47 | my-select-options + input { |
ead64cdf | 48 | @include peertube-input-text($form-base-input-width); |
931d3430 | 49 | |
27bc9586 | 50 | @include margin-left(5px); |
ead64cdf C |
51 | display: block; |
52 | } | |
21e493d4 C |
53 | |
54 | .input-suffix { | |
27bc9586 | 55 | @include margin-left(5px); |
21e493d4 | 56 | } |