diff --git a/theme/dt-theme/default/datepicker.less b/theme/dt-theme/default/datepicker.less index 64478c7a..60109347 100644 --- a/theme/dt-theme/default/datepicker.less +++ b/theme/dt-theme/default/datepicker.less @@ -16,7 +16,14 @@ } } -.ant-picker-small { +.ant-picker.ant-picker-default { + // 需要设置同样大小,如果 clear 图标小一点的话,会无法覆盖下方的时钟、日期图标,导致 hover 时显示错位 + .anticon { + font-size: 16px; + } +} + +.ant-picker.ant-picker-small { font-size: 12px !important; padding: 2px 11px !important; .ant-picker-input { @@ -25,6 +32,9 @@ line-height: calc(18 / 12); } } + .anticon { + font-size: 14px; + } } .ant-picker-focused { @@ -49,6 +59,11 @@ } .ant-picker.ant-picker-range { + &.ant-picker-small { + .ant-picker-clear { + right: 11px; + } + } .ant-picker-active-bar { background: @clickColor; } @@ -174,16 +189,9 @@ } } -// TimePicker -.ant-picker-suffix { - .anticon-clock-circle, .anticon-calendar { - font-size: 16px; - } -} - .ant-picker-clear { - // 需要设置同样大小,如果 clear 图标小一点的话,会无法覆盖下方的时钟、日期图标,导致 hover 时显示错位 - .anticon-close-circle { - font-size: 16px; + color: @black_msg !important; + &:hover { + color: @black_Desc !important; } } diff --git a/theme/dt-theme/default/form.less b/theme/dt-theme/default/form.less index 366d74e0..727f6ef9 100644 --- a/theme/dt-theme/default/form.less +++ b/theme/dt-theme/default/form.less @@ -151,13 +151,6 @@ li.ant-picker-panel-select-option-selected:hover { color: @black_msg; } -.ant-picker-clear { - color: @black_msg !important; - &:hover { - color: @black_Desc !important; - } -} - // form 下拉 投影 .ant-cascader-menus, .ant-calendar,