]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blob - client/src/app/shared/shared-forms/select/select-shared.component.scss
Use ng select for multiselect
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-forms / select / select-shared.component.scss
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 }