ui-theme-igc-effect 1.0.12 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -38,10 +38,6 @@
|
|
|
38
38
|
|
|
39
39
|
.Theme_control_igcEffect .SelectDropdown-List .ListItem,
|
|
40
40
|
.Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem {
|
|
41
|
-
padding-top: 8px;
|
|
42
|
-
padding-bottom: 8px;
|
|
43
|
-
padding-left: 16px;
|
|
44
|
-
padding-right: 16px;
|
|
45
41
|
line-height: var(--line-height-text-m);
|
|
46
42
|
}
|
|
47
43
|
|
|
@@ -79,11 +75,11 @@
|
|
|
79
75
|
padding-left: 8px;
|
|
80
76
|
padding-right: 8px;
|
|
81
77
|
}
|
|
82
|
-
|
|
83
78
|
.Theme_control_igcEffect .Select-ClearIndicator,
|
|
84
79
|
.Theme_control_igcEffect .deprecated--Select-ClearIndicator {
|
|
85
80
|
height: 100%;
|
|
86
|
-
padding:
|
|
81
|
+
padding-left: 8px;
|
|
82
|
+
padding-right: 8px;
|
|
87
83
|
}
|
|
88
84
|
|
|
89
85
|
.Theme_control_igcEffect .Select-ClearIndicator .IconClear svg,
|
|
@@ -93,12 +89,51 @@
|
|
|
93
89
|
|
|
94
90
|
.Theme_control_igcEffect .Select-ClearIndicator .IconClear:before,
|
|
95
91
|
.Theme_control_igcEffect .deprecated--Select-ClearIndicator .IconClear:before {
|
|
96
|
-
width:
|
|
97
|
-
height:
|
|
98
|
-
content: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0
|
|
92
|
+
width: 14px;
|
|
93
|
+
height: 14px;
|
|
94
|
+
content: url('data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2214%22 viewBox%3D%220 0 14 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z%22 fill%3D%22%233521FF%22%2F%3E%3C%2Fsvg%3E');
|
|
99
95
|
}
|
|
100
96
|
|
|
101
97
|
.Theme_control_igcEffect .Select-ClearIndicatorIcon,
|
|
102
98
|
.Theme_control_igcEffect .deprecated--Select-ClearIndicatorIcon {
|
|
103
99
|
top: -0.5px;
|
|
104
100
|
}
|
|
101
|
+
.Theme_control_igcEffect
|
|
102
|
+
.SelectDropdown-ScrollContainer
|
|
103
|
+
.SelectDropdown-List
|
|
104
|
+
.ListItem,
|
|
105
|
+
.Theme_control_igcEffect
|
|
106
|
+
.deprecated--SelectDropdown-ScrollContainer
|
|
107
|
+
.deprecated--SelectDropdown-List
|
|
108
|
+
.ListItem {
|
|
109
|
+
min-height: 40px;
|
|
110
|
+
padding: 10px 0px 10px 10px;
|
|
111
|
+
border-radius: 2px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.Theme_control_igcEffect .SelectDropdown-List .ListItem_interactive:hover,
|
|
115
|
+
.Theme_control_igcEffect
|
|
116
|
+
.deprecated--SelectDropdown-List
|
|
117
|
+
.ListItem_interactive:hover {
|
|
118
|
+
background-color: var(--color-royal-blue-50);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.Theme_control_igcEffect .SelectDropdown-List .ListItem_active,
|
|
122
|
+
.Theme_control_igcEffect
|
|
123
|
+
.SelectDropdown-List
|
|
124
|
+
.ListItem_interactive:hover
|
|
125
|
+
.Checkbox
|
|
126
|
+
input:not(:checked),
|
|
127
|
+
.Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem_active,
|
|
128
|
+
.Theme_control_igcEffect
|
|
129
|
+
.deprecated--SelectDropdown-List
|
|
130
|
+
.ListItem_interactive:hover
|
|
131
|
+
.Checkbox
|
|
132
|
+
input:not(:checked) {
|
|
133
|
+
background-color: var(--color-bg-default);
|
|
134
|
+
}
|
|
135
|
+
.Theme_control_igcEffect .SelectDropdown-List .ListItem .Checkbox,
|
|
136
|
+
.Theme_control_igcEffect .deprecated--SelectDropdown-List .ListItem .Checkbox {
|
|
137
|
+
--checkbox-size: 20px;
|
|
138
|
+
margin-right: 2px;
|
|
139
|
+
}
|
|
@@ -16,3 +16,17 @@
|
|
|
16
16
|
padding-left: 16px;
|
|
17
17
|
padding-right: 16px;
|
|
18
18
|
}
|
|
19
|
+
|
|
20
|
+
.Theme_control_igcEffect .TextField-ClearButton {
|
|
21
|
+
align-self: center;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.Theme_control_igcEffect .TextField-ClearButton .IconClear svg {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.Theme_control_igcEffect .TextField-ClearButton .IconClear:before {
|
|
29
|
+
width: 14px;
|
|
30
|
+
height: 14px;
|
|
31
|
+
content: url('data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2214%22 viewBox%3D%220 0 14 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z%22 fill%3D%22%233521FF%22%2F%3E%3C%2Fsvg%3E');
|
|
32
|
+
}
|