-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpower-select.less
69 lines (61 loc) · 1.42 KB
/
power-select.less
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
.upf-power-select {
height: 100%;
.upf-power-select__array-container {
position: relative;
height: 100%;
width: 100%;
cursor: pointer;
.dropdown-icon {
position: absolute;
top: 0;
right: 0;
padding: var(--spacing-px-12) var(--spacing-px-12);
}
}
&--borderless {
.array-input-container {
border-color: transparent;
background-color: transparent;
&.active {
&:hover {
border-color: transparent;
}
&:not(.array-input-container--disabled) {
box-shadow: none;
background-color: var(--color-gray-100);
border: 1px solid var(--color-border-default);
transition-duration: 0ms;
}
}
&:hover {
&:not(.array-input-container--disabled) {
box-shadow: none;
border-color: transparent;
background-color: transparent;
transition-duration: 0ms;
}
}
}
}
.upf-power-infinite-select-container {
position: relative;
height: 100%;
.padding-top-x-sm;
.padding-left-x-sm;
.padding-right-x-sm;
.border;
.border-color-default;
.border-radius-default;
}
.has-overflow {
padding-bottom: @spacing-x-sm;
}
}
.upf-power-select__dropdown {
overflow: hidden;
&:has(.upf-input) {
.upf-infinite-select__items-container {
max-height: calc(var(--floating-max-height) - 78px);
}
}
}