mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 14:13:37 +08:00
Code Issues Actions 32 Packages Projects Releases Wiki Activity

style: fix Layout.Sider and Menu transition style (#41993)

Browse Source 
close #41911
close #41987
This commit is contained in:
afc163 2023-04-25 22:53:14 +08:00 committed by GitHub
parent ab5ebb0278
commit 709e910fd0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/layout/style/index.ts
View File

@ -72,6 +72,7 @@ const genLayoutStyle: GenerateStyle<LayoutToken, CSSObject> = (token) => {
// fix firefox can't set width smaller than content on flex item // fix firefox can't set width smaller than content on flex item
minWidth: 0, minWidth: 0,
background: colorBgHeader, background: colorBgHeader,
transition: `all ${motionDurationMid}, background 0s`,
'&-children': { '&-children': {
height: '100%', height: '100%',

7
components/menu/style/index.tsx
View File

@ -247,11 +247,8 @@ const getBaseStyle: GenerateStyle<MenuToken> = (token) => {
lineHeight: 0, // Fix display inline-block gap lineHeight: 0, // Fix display inline-block gap
listStyle: 'none', listStyle: 'none',
outline: 'none', outline: 'none',
transition: [ // Magic cubic here but smooth transition
`background ${motionDurationSlow}`, transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
// Magic cubic here but smooth transition
`width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
].join(','),
[`ul, ol`]: { [`ul, ol`]: {
margin: 0, margin: 0,