Skip to content

Commit 2f85c3d

Browse files
committed
fix: #582 datepicker small anticon size
1 parent b797922 commit 2f85c3d

File tree

2 files changed

+19
-18
lines changed

2 files changed

+19
-18
lines changed

theme/dt-theme/default/datepicker.less

Lines changed: 19 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,14 @@
1616
}
1717
}
1818

19-
.ant-picker-small {
19+
.ant-picker.ant-picker-default {
20+
// 需要设置同样大小,如果 clear 图标小一点的话,会无法覆盖下方的时钟、日期图标,导致 hover 时显示错位
21+
.anticon {
22+
font-size: 16px;
23+
}
24+
}
25+
26+
.ant-picker.ant-picker-small {
2027
font-size: 12px !important;
2128
padding: 2px 11px !important;
2229
.ant-picker-input {
@@ -25,6 +32,9 @@
2532
line-height: calc(18 / 12);
2633
}
2734
}
35+
.anticon {
36+
font-size: 14px;
37+
}
2838
}
2939

3040
.ant-picker-focused {
@@ -49,6 +59,11 @@
4959
}
5060

5161
.ant-picker.ant-picker-range {
62+
&.ant-picker-small {
63+
.ant-picker-clear {
64+
right: 11px;
65+
}
66+
}
5267
.ant-picker-active-bar {
5368
background: @clickColor;
5469
}
@@ -174,16 +189,9 @@
174189
}
175190
}
176191

177-
// TimePicker
178-
.ant-picker-suffix {
179-
.anticon-clock-circle, .anticon-calendar {
180-
font-size: 16px;
181-
}
182-
}
183-
184192
.ant-picker-clear {
185-
// 需要设置同样大小,如果 clear 图标小一点的话,会无法覆盖下方的时钟、日期图标,导致 hover 时显示错位
186-
.anticon-close-circle {
187-
font-size: 16px;
193+
color: @black_msg !important;
194+
&:hover {
195+
color: @black_Desc !important;
188196
}
189197
}

theme/dt-theme/default/form.less

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -151,13 +151,6 @@ li.ant-picker-panel-select-option-selected:hover {
151151
color: @black_msg;
152152
}
153153

154-
.ant-picker-clear {
155-
color: @black_msg !important;
156-
&:hover {
157-
color: @black_Desc !important;
158-
}
159-
}
160-
161154
// form 下拉 投影
162155
.ant-cascader-menus,
163156
.ant-calendar,

0 commit comments

Comments
 (0)