mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 06:03:38 +08:00
style: fix Layout.Sider and Menu transition style (#41993)
close #41911 close #41987
This commit is contained in:
parent
ab5ebb0278
commit
709e910fd0
@ -72,6 +72,7 @@ const genLayoutStyle: GenerateStyle<LayoutToken, CSSObject> = (token) => {
|
||||
// fix firefox can't set width smaller than content on flex item
|
||||
minWidth: 0,
|
||||
background: colorBgHeader,
|
||||
transition: `all ${motionDurationMid}, background 0s`,
|
||||
|
||||
'&-children': {
|
||||
height: '100%',
|
||||
|
@ -247,11 +247,8 @@ const getBaseStyle: GenerateStyle<MenuToken> = (token) => {
|
||||
lineHeight: 0, // Fix display inline-block gap
|
||||
listStyle: 'none',
|
||||
outline: 'none',
|
||||
transition: [
|
||||
`background ${motionDurationSlow}`,
|
||||
// Magic cubic here but smooth transition
|
||||
`width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
|
||||
].join(','),
|
||||
// Magic cubic here but smooth transition
|
||||
transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
|
||||
|
||||
[`ul, ol`]: {
|
||||
margin: 0,
|
||||
|
Loading…
Reference in New Issue
Block a user