]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/sass/ng-select.scss
Fix font size inconsistency with ng-select
[github/Chocobozzz/PeerTube.git] / client / src / sass / ng-select.scss
CommitLineData
02c01341
RK
1@import '_variables';
2
3$ng-select-highlight: #f2690d;
4// $ng-select-primary-text: #333 !default;
5// $ng-select-disabled-text: #f9f9f9 !default;
6// $ng-select-border: #ccc !default;
7// $ng-select-border-radius: 4px !default;
8// $ng-select-bg: #ffffff !default;
9// $ng-select-selected: lighten($ng-select-highlight, 46) !default;
10// $ng-select-marke d: lighten($ng-select-highlight, 48) !default;
11$ng-select-box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
12// $ng-select-placeholder: lighten($ng-select-primary-text, 40) !default;
13$ng-select-height: 30px;
0564fc09 14$ng-select-value-padding-left: 15px;
03a5e95c 15$ng-select-value-font-size: 15px;
02c01341
RK
16
17@import "~@ng-select/ng-select/scss/default.theme.scss";
18
02c01341 19.ng-select {
03a5e95c
C
20 font-size: $ng-select-value-font-size;
21
02c01341
RK
22 &.ng-select-focused {
23 &:not(.ng-select-opened) > .ng-select-container {
24 border-color: #ccc !important;
25 }
26 }
84065945
C
27
28 .ng-select-container {
29 background-color: pvar(--inputBackgroundColor);
149e4cc5
RK
30
31 }
32
33 .ng-arrow-wrapper {
34 padding-right: 12px
84065945
C
35 }
36
37 &.ng-select-single .ng-value-container .ng-value {
38 color: pvar(--inputForegroundColor);
39 }
0564fc09 40
41 &.ng-select-multiple .ng-select-container .ng-value-container {
42 padding-left: 12px;
43 .ng-value {
44 margin-left: 3px;
45 }
46 }
02c01341 47}