perf: optimize menu animation #3095

tangjinzhou · tangjinzhou · commit b14410902c93 · 2020-11-08T11:03:13.000+08:00
diff --git a/components/style/core/motion.less b/components/style/core/motion.less
@@ -10,11 +10,13 @@
 .ant-motion-collapse-legacy {
   overflow: hidden;
   &-active {
-    transition: height 0.15s @ease-in-out, opacity 0.15s @ease-in-out !important;
+    transition: height @animation-duration-base @ease-in-out,
+      opacity @animation-duration-base @ease-in-out !important;
   }
 }
 
 .ant-motion-collapse {
   overflow: hidden;
-  transition: height 0.15s @ease-in-out, opacity 0.15s @ease-in-out !important;
+  transition: height @animation-duration-base @ease-in-out,
+    opacity @animation-duration-base @ease-in-out !important;
 }

Original file line number	Diff line number	Diff line change
`@@ -10,11 +10,13 @@`
`10`	`10`	`.ant-motion-collapse-legacy {`
`11`	`11`	`overflow: hidden;`
`12`	`12`	`&-active {`
`13`		`- transition: height 0.15s @ease-in-out, opacity 0.15s @ease-in-out !important;`
	`13`	`+ transition: height @animation-duration-base @ease-in-out,`
	`14`	`+ opacity @animation-duration-base @ease-in-out !important;`
`14`	`15`	`}`
`15`	`16`	`}`
`16`	`17`
`17`	`18`	`.ant-motion-collapse {`
`18`	`19`	`overflow: hidden;`
`19`		`- transition: height 0.15s @ease-in-out, opacity 0.15s @ease-in-out !important;`
	`20`	`+ transition: height @animation-duration-base @ease-in-out,`
	`21`	`+ opacity @animation-duration-base @ease-in-out !important;`
`20`	`22`	`}`