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

   1 .section-title {
   2   @extend .heading-3-semibold;
   3   padding: 50px 0 30px 0;
   4   &:first-child {
   5     padding: 0 0 30px 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 }