style: fix Table filter dropdown broken style (#39805)

close #39799
This commit is contained in:
afc163 2022-12-26 11:35:29 +08:00 committed by GitHub
parent 9fbf80aa8b
commit e44f11b0f4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions

View File

@ -22,13 +22,13 @@ const genFilterStyle: GenerateStyle<TableToken> = (token) => {
motionDurationSlow, motionDurationSlow,
colorTextDescription, colorTextDescription,
colorPrimary, colorPrimary,
colorPrimaryActive,
tableHeaderFilterActiveBg, tableHeaderFilterActiveBg,
colorTextDisabled, colorTextDisabled,
tableFilterDropdownBg, tableFilterDropdownBg,
tableFilterDropdownHeight, tableFilterDropdownHeight,
controlItemBgHover, controlItemBgHover,
boxShadow, controlItemBgActive,
boxShadowSecondary,
} = token; } = token;
const dropdownPrefixCls = `${antCls}-dropdown`; const dropdownPrefixCls = `${antCls}-dropdown`;
const tableFilterDropdownPrefixCls = `${componentCls}-filter-dropdown`; const tableFilterDropdownPrefixCls = `${componentCls}-filter-dropdown`;
@ -76,7 +76,7 @@ const genFilterStyle: GenerateStyle<TableToken> = (token) => {
minWidth: tableFilterDropdownWidth, minWidth: tableFilterDropdownWidth,
backgroundColor: tableFilterDropdownBg, backgroundColor: tableFilterDropdownBg,
borderRadius, borderRadius,
boxShadow, boxShadow: boxShadowSecondary,
// Reset menu // Reset menu
[`${dropdownPrefixCls}-menu`]: { [`${dropdownPrefixCls}-menu`]: {
@ -111,7 +111,7 @@ const genFilterStyle: GenerateStyle<TableToken> = (token) => {
[`${treePrefixCls}-treenode-checkbox-checked ${treePrefixCls}-node-content-wrapper`]: { [`${treePrefixCls}-treenode-checkbox-checked ${treePrefixCls}-node-content-wrapper`]: {
'&, &:hover': { '&, &:hover': {
backgroundColor: colorPrimaryActive, backgroundColor: controlItemBgActive,
}, },
}, },
}, },

View File

@ -283,7 +283,7 @@ export const genBaseStyle = (prefixCls: string, token: TreeToken): CSSObject =>
}, },
[`&${treeCls}-node-selected`]: { [`&${treeCls}-node-selected`]: {
backgroundColor: token.controlOutline, backgroundColor: token.controlItemBgActive,
}, },
// Icon // Icon