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     .input-options-other {
  67         float: left;
  68         height: 30px;
  69         border: none;
  70         padding-top: 0;
  71         padding-bottom: 0;
  72         height: 28px;
  73     }
  74     .input-options-separator {
  75         width: 1px;
  76         height: 24px;
  77         margin-top: 2px;
  78         margin-bottom: 2px;
  79         border: 1px solid $light-gray;
  80     }
  81     &.has-error {
  82         border-color: $crimson;
  83     }
  84 }