Browse Source

style: fix RangePicker hover range style (#39266)

* style: fix DatePicker hover range style

close #39219

* chore: fix lint
pull/39273/head
afc163 2 years ago
committed by GitHub
parent
commit
8296b72585
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 1
      .dumi/theme/slots/Footer/index.tsx
  2. 4
      components/date-picker/style/index.tsx

1
.dumi/theme/slots/Footer/index.tsx

@ -15,7 +15,6 @@ import {
TwitterOutlined,
UsergroupAddOutlined,
ZhihuOutlined,
YuqueFilled,
} from '@ant-design/icons';
import { css } from '@emotion/react';
import { TinyColor } from '@ctrl/tinycolor';

4
components/date-picker/style/index.tsx

@ -531,14 +531,14 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
[`&-date-panel
${componentCls}-cell-in-view${componentCls}-cell-in-range${componentCls}-cell-range-hover-start
${pickerCellInnerCls}::after`]: {
insetInlineEnd: (pickerPanelCellWidth - pickerPanelCellHeight) / 2,
insetInlineEnd: -(pickerPanelCellWidth - pickerPanelCellHeight) / 2,
insetInlineStart: 0,
},
[`&-date-panel ${componentCls}-cell-in-view${componentCls}-cell-in-range${componentCls}-cell-range-hover-end ${pickerCellInnerCls}::after`]:
{
insetInlineEnd: 0,
insetInlineStart: (pickerPanelCellWidth - pickerPanelCellHeight) / 2,
insetInlineStart: -(pickerPanelCellWidth - pickerPanelCellHeight) / 2,
},
// Hover with range start & end

Loading…
Cancel
Save