openecomp-ui/resources/scss/components/_inputOptions.scss

   1 .disabled {
   2     .Select-control {
   3         background-color: $tlv-light-gray;
   4         .Select-placeholder {
   5             color: $dark-gray;
   6         }
   7     }
   8 }
   9
  10 .input-options {
  11     display: flex;
  12     border: 1px solid $light-gray;
  13     border-radius: 2px;
  14     height: 30px;
  15     &:hover {
  16         border-color: $gray;
  17     }
  18     .input-options-select {
  19         float: left;
  20         border: none;
  21         transition-property: width;
  22         transition-duration: 300ms;
  23         padding-top: 0px;
  24         padding-bottom: 0px;
  25         height: 28px;
  26     }
  27
  28     .input-options-other {
  29         float: left;
  30         height: 30px;
  31         border: none;
  32         padding-top: 0px;
  33         padding-bottom: 0px;
  34         height: 28px;
  35     }
  36     .input-options-separator {
  37         width: 1px;
  38         height: 24px;
  39         margin-top: 2px;
  40         margin-bottom: 2px;
  41         border: 1px solid $light-gray;
  42     }
  43 }
  44
  45 .input-options.has-error {
  46     border-color: $crimson;
  47 }
  48
  49 .bootstrap-input-options {
  50     display: flex;
  51     flex-direction: column;
  52     .input-options-select {
  53         border: 1px solid $light-gray;
  54         border-radius: 2px;
  55         height: 30px;
  56         float: left;
  57         transition-property: width;
  58         transition-duration: 300ms;
  59         padding-top: 0;
  60         padding-bottom: 0;
  61         width: 100%;
  62         &:hover {
  63             border-color: $gray;
  64         }
  65     }
  66     .select-multiple {
  67         border: 1px solid $light-gray;
  68         border-radius: 2px;
  69         min-height: 60px;
  70         float: left;
  71         transition-property: width;
  72         transition-duration: 300ms;
  73         padding-top: 0;
  74         padding-bottom: 0;
  75         width: 100%;
  76         &:hover {
  77             border-color: $gray;
  78         }
  79     }
  80     .input-options-other {
  81         float: left;
  82         height: 30px;
  83         border: none;
  84         padding-top: 0;
  85         padding-bottom: 0;
  86         height: 28px;
  87     }
  88     .input-options-separator {
  89         width: 1px;
  90         height: 24px;
  91         margin-top: 2px;
  92         margin-bottom: 2px;
  93         border: 1px solid $light-gray;
  94     }
  95     &.has-error {
  96         border-color: $crimson;
  97     }
  98 }