aboutsummaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/components/_forms.scss
blob: 23c58ea4ac0227f60d8beabfaf4708973fb1f8c6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
.section-title {
  @extend .heading-3-medium;
  padding: 50px 0 30px 0;
  &:first-child {
    padding: 0 0 30px 0;
  }
}

.validation-form-content {
	fieldset[disabled] {
		.form-group {
			opacity: 0.7;
			cursor: auto;
			pointer-events: none;
			.dropdown-multi-select {
				.form-group {
					opacity: 1;
				}
				.Select-control {
					background-color: $tlv-light-gray;
				}
			}
		}
	}
}

.dropdown-multi-select {
  .Select {
    display: block;
    width: 100%;
		.Select-menu-outer {
			.Select-option {
				&:hover {
					background-color: $blue;
					color: $white;
				}
			}
		}
    .Select-control {
      height: 28px;
      border-radius: 2px;
      .Select-input {
        height: 28px;
        input {
          height: 28px;
          padding: 0;
        }
      }
      .Select-placeholder {
        line-height: 30px;
      }
    }
    &.Select--multi {
      .Select-value {
        color: $text-black;
        background-color: $background-gray;
				border: none;
				margin: 3px 0 3px 10px;
        border-radius: 10px;
				padding-left: 8px;
				padding-right: 6px;
      }
      .Select-value-icon {
        border: none;
				float: right;
				&:hover {
					background-color: inherit;
					color: inherit;
				}
      }
      .Select-arrow-zone {
				padding-top: 4px;
      }
    }
  }
}