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

vueComponent · Jun 12, 2023 · 19f0aea · 19f0aea
1 parent 6f032c9
commit 19f0aea
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/components/layout/style/index.ts b/components/layout/style/index.ts
@@ -99,7 +99,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}`,
+        transition: `all ${motionDurationMid}, background 0s`,
 
         '&-children': {
           height: '100%',

diff --git a/components/menu/style/index.ts b/components/menu/style/index.ts
@@ -248,11 +248,7 @@ 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(','),
+        transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
 
         [`ul, ol`]: {
           margin: 0,