client/src/sass/ng-select.scss

   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;
  14 // $ng-select-value-padding-left: 10px !default;
  15 // $ng-select-value-font-size: 0.9em !default;
  16
  17 @import "~@ng-select/ng-select/scss/default.theme.scss";
  18
  19 .ng-input {
  20   font-size: .9em;
  21 }
  22
  23 .ng-input,
  24 .ng-select .ng-select-container .ng-value-container {
  25   padding-left: 15px !important;
  26 }
  27
  28 .ng-select {
  29   &.ng-select-focused {
  30     &:not(.ng-select-opened) > .ng-select-container {
  31       border-color: #ccc !important;
  32     }
  33   }
  34
  35   .ng-select-container {
  36     background-color: pvar(--inputBackgroundColor);
  37
  38   }
  39
  40   .ng-arrow-wrapper {
  41     padding-right: 12px
  42   }
  43
  44   &.ng-select-single .ng-value-container .ng-value {
  45     color: pvar(--inputForegroundColor);
  46   }
  47 }