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