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

   1 .section-title {
   2     @extend .heading-3-semibold;
   3     padding: 50px 0 20px 0;
   4     &:first-child {
   5         padding-top: 0;
   6     }
   7 }
   8
   9 .validation-form-content {
  10     fieldset[disabled] {
  11         .form-group {
  12             opacity: 0.7;
  13             cursor: auto;
  14             pointer-events: none;
  15             .dropdown-multi-select {
  16                 .form-group {
  17                     opacity: 1;
  18                 }
  19                 .Select-control {
  20                     background-color: $tlv-light-gray;
  21                 }
  22             }
  23         }
  24     }
  25 }
  26
  27 .dropdown-multi-select {
  28     .Select {
  29         display: block;
  30         width: 100%;
  31         .Select-menu-outer {
  32             .Select-option {
  33                 &:hover {
  34                     background-color: $blue;
  35                     color: $white;
  36                 }
  37             }
  38         }
  39         .Select-control {
  40             height: 28px;
  41             border-radius: 2px;
  42             .Select-input {
  43                 height: 28px;
  44                 input {
  45                     height: 28px;
  46                     padding: 0;
  47                 }
  48             }
  49             .Select-placeholder {
  50                 line-height: 30px;
  51             }
  52         }
  53         &.Select--multi {
  54             .Select-value {
  55                 color: $text-black;
  56                 background-color: $background-gray;
  57                 border: none;
  58                 margin: 3px 0 3px 10px;
  59                 border-radius: 10px;
  60                 padding-left: 8px;
  61                 padding-right: 6px;
  62             }
  63             .Select-value-icon {
  64                 border: none;
  65                 float: right;
  66                 &:hover {
  67                     background-color: inherit;
  68                     color: inherit;
  69                 }
  70             }
  71             .Select-arrow-zone {
  72                 padding-top: 4px;
  73             }
  74         }
  75     }
  76 }