selection.less
1.47 KB
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
77
78
79
80
81
.ant-radio {
&-inner {
border-color: @text-color-base;
&::after {
top: 1px;
left: 1px;
width: 12px;
height: 12px;
}
}
}
.ant-radio-disabled .ant-radio-inner {
border-color: @text-color-help-light !important;
}
.ant-checkbox {
&-inner {
border-color: @text-color-base;
}
}
.ant-checkbox-disabled .ant-checkbox-inner {
border-color: @text-color-help-light !important;
}
// select
.ant-select {
&-selection {
border-color: @border-color-shallow-dark;
}
&-selection__placeholder,
&-search__field__placeholder {
color: @text-color-help-dark;
}
}
.ant-select-disabled .ant-select-arrow {
visibility: hidden;
}
.ant-select-dropdown {
min-width: 84px !important;
&.ant-select-dropdown--multiple {
.ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
color: @white;
}
}
&-menu-item {
height: 34px;
min-width: 84px;
line-height: 22px;
color: @text-color-call-out;
&:hover {
// color: @--norm-select-item-hover-color;
background: @tree-hover-background-color;
}
&-selected,
&-selected:hover {
color: @primary-color;
background: @tree-hover-background-color;
}
&-disabled,
&-disabled:hover {
color: @disabled-color;
background-color: @white;
}
}
}
.ant-select-disabled .ant-select-selection {
background: @tree-hover-font-color;
}