github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: layout-sider and menu transition style(#6637) (#6640)

pull/6642/head^2
selicens 2023-06-12 22:47:01 +08:00 committed by GitHub
parent 6f032c9722
commit 19f0aea965
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -99,7 +99,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}`, transition: `all ${motionDurationMid}, background 0s`,
'&-children': { '&-children': {
height: '100%', height: '100%',

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

@ -248,11 +248,7 @@ 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: [ transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
`background ${motionDurationSlow}`,
// 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,