client/src/app/shared/shared-forms/select/select-shared.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 $form-base-input-width: auto;
   5
   6 .muted {
   7   font-size: 90%;
   8 }
   9
  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 }
  37
  38 .root {
  39   display: flex;
  40   align-items: center;
  41
  42   > my-select-options {
  43     flex-grow: 1;
  44   }
  45 }
  46
  47 my-select-options + input {
  48   @include peertube-input-text($form-base-input-width);
  49
  50   @include margin-left(5px);
  51   display: block;
  52 }
  53
  54 .input-suffix {
  55   @include margin-left(5px);
  56 }