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
  29   .input-options-other{
  30     float: left;
  31     height: 30px;
  32     border: none;
  33     padding-top:0px;
  34     padding-bottom: 0px;
  35     height:28px;
  36   }
  37   .input-options-separator {
  38     width: 1px;
  39     height: 24px;
  40     margin-top: 2px;
  41     margin-bottom: 2px;
  42     border:1px solid $light-gray;
  43   }
  44 }
  45
  46 .input-options.has-error {
  47    border-color: $crimson;
  48 }
  49
  50 .bootstrap-input-options {
  51   display: flex;
  52   flex-direction: column;
  53   .input-options-select {
  54         border: 1px solid $light-gray;
  55         border-radius: 2px;
  56         height: 30px;
  57         float: left;
  58         transition-property: width;
  59         transition-duration: 300ms;
  60         padding-top: 0px;
  61         padding-bottom: 0px;
  62         width: 100%;
  63         &:hover {
  64           border-color: $gray;
  65         }
  66   }
  67   .input-options-other {
  68         float: left;
  69         height: 30px;
  70         border: none;
  71         padding-top: 0px;
  72         padding-bottom: 0px;
  73         height: 28px;
  74   }
  75   .input-options-separator {
  76         width: 1px;
  77         height: 24px;
  78         margin-top: 2px;
  79         margin-bottom: 2px;
  80         border: 1px solid $light-gray;
  81   }
  82   &.has-error {
  83         border-color: $crimson;
  84   }
  85 }