mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 16:06:28 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

fix(menu): Improve collapse animation smoothness (#50751)

Browse Source
This commit is contained in:
afc163 2024-09-07 18:55:24 +08:00 committed by GitHub
parent 127ccb3bcb
commit 61e365f313
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/menu/style/index.ts
View File

@ -424,7 +424,7 @@ const genMenuItemStyle = (token: MenuToken): CSSObject => {
transition: [
`border-color ${motionDurationSlow}`,
`background ${motionDurationSlow}`,
`padding ${motionDurationSlow} ${motionEaseInOut}`,
`padding calc(${motionDurationSlow} + 0.1s) ${motionEaseInOut}`,
].join(','),
[`${componentCls}-item-icon, ${iconCls}`]: {

4
components/menu/style/vertical.ts
View File

@ -58,11 +58,11 @@ const getVerticalStyle: GenerateStyle<MenuToken> = (token) => {
colorTextLightSolid,
dropdownWidth,
controlHeightLG,
motionDurationMid,
motionEaseOut,
paddingXL,
itemMarginInline,
fontSizeLG,
motionDurationFast,
motionDurationSlow,
paddingXS,
boxShadowSecondary,
@ -128,7 +128,7 @@ const getVerticalStyle: GenerateStyle<MenuToken> = (token) => {
transition: [
`border-color ${motionDurationSlow}`,
`background ${motionDurationSlow}`,
`padding ${motionDurationMid} ${motionEaseOut}`,
`padding ${motionDurationFast} ${motionEaseOut}`,
].join(','),
[`> ${componentCls}-title-content`]: {