fix(ui): fix menu-indicator flash

xiejay97 · xiejay97 · commit ed794b0f15c5 · 2023-02-21T09:20:29.000+08:00
It's a bug of chrome
diff --git a/packages/ui/src/styles/components/menu.scss b/packages/ui/src/styles/components/menu.scss
@@ -58,6 +58,7 @@ $menu-item-height: 40px;
       &:not(.#{$rd-prefix}menu__item--horizontal) {
         @include e(indicator) {
           & > div::before {
+            background-color: var(--#{$rd-prefix}color-primary);
             transform: scaleY(1);
           }
         }
@@ -168,7 +169,6 @@ $menu-item-height: 40px;
         width: 2px;
         height: calc(100% - 16px);
         content: '';
-        background-color: var(--#{$rd-prefix}color-primary);
         transition: transform var(--#{$rd-prefix}animation-duration-base) linear;
         transform: scaleY(0);
       }

Original file line number	Diff line number	Diff line change
`@@ -58,6 +58,7 @@ $menu-item-height: 40px;`
`58`	`58`	`&:not(.#{$rd-prefix}menu__item--horizontal) {`
`59`	`59`	`@include e(indicator) {`
`60`	`60`	`& > div::before {`
	`61`	`+ background-color: var(--#{$rd-prefix}color-primary);`
`61`	`62`	`transform: scaleY(1);`
`62`	`63`	`}`
`63`	`64`	`}`
`@@ -168,7 +169,6 @@ $menu-item-height: 40px;`
`168`	`169`	`width: 2px;`
`169`	`170`	`height: calc(100% - 16px);`
`170`	`171`	`content: '';`
`171`		`- background-color: var(--#{$rd-prefix}color-primary);`
`172`	`172`	`transition: transform var(--#{$rd-prefix}animation-duration-base) linear;`
`173`	`173`	`transform: scaleY(0);`
`174`	`174`	`}`