Merge pull request arco-design#3035 from arco-design/fix-tail

flsion · web-flow · commit 2c9918754e64 · 2025-08-11T14:07:42.000+08:00
fix(steps): fix tail color problem
diff --git a/components/Steps/style/circle.less b/components/Steps/style/circle.less
@@ -140,19 +140,19 @@
   }
 
   &-label-horizontal > &-item&-item-process {
-    .@{steps-prefix-cls}-item-title::after {
+    .@{steps-prefix-cls}-item-content .@{steps-prefix-cls}-item-title::after {
       background-color: @steps-circle-color-item-tail_wait;
     }
   }
 
   &-label-horizontal > &-item&-item-finish {
-    .@{steps-prefix-cls}-item-title::after {
+    .@{steps-prefix-cls}-item-content .@{steps-prefix-cls}-item-title::after {
       background-color: @steps-circle-color-item-tail_process;
     }
   }
 
   &-label-horizontal > &-item&-item-next-error {
-    .@{steps-prefix-cls}-item-title::after {
+    .@{steps-prefix-cls}-item-content .@{steps-prefix-cls}-item-title::after {
       background-color: @steps-circle-color-item-tail_error;
     }
   }
@@ -197,11 +197,11 @@
     }
   }
 
-  &-item:not(:last-child)&-item-finish &-item-tail::after {
+  & &-item:not(:last-child)&-item-finish &-item-tail::after {
     background-color: @steps-circle-color-item-tail_process;
   }
 
-  &-item:not(:last-child)&-item-next-error &-item-tail::after {
+  & &-item:not(:last-child)&-item-next-error &-item-tail::after {
     background-color: @steps-circle-color-item-tail_error;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -140,19 +140,19 @@`
`140`	`140`	`}`
`141`	`141`
`142`	`142`	`&-label-horizontal > &-item&-item-process {`
`143`		`- .@{steps-prefix-cls}-item-title::after {`
	`143`	`+ .@{steps-prefix-cls}-item-content .@{steps-prefix-cls}-item-title::after {`
`144`	`144`	`background-color: @steps-circle-color-item-tail_wait;`
`145`	`145`	`}`
`146`	`146`	`}`
`147`	`147`
`148`	`148`	`&-label-horizontal > &-item&-item-finish {`
`149`		`- .@{steps-prefix-cls}-item-title::after {`
	`149`	`+ .@{steps-prefix-cls}-item-content .@{steps-prefix-cls}-item-title::after {`
`150`	`150`	`background-color: @steps-circle-color-item-tail_process;`
`151`	`151`	`}`
`152`	`152`	`}`
`153`	`153`
`154`	`154`	`&-label-horizontal > &-item&-item-next-error {`
`155`		`- .@{steps-prefix-cls}-item-title::after {`
	`155`	`+ .@{steps-prefix-cls}-item-content .@{steps-prefix-cls}-item-title::after {`
`156`	`156`	`background-color: @steps-circle-color-item-tail_error;`
`157`	`157`	`}`
`158`	`158`	`}`
`@@ -197,11 +197,11 @@`
`197`	`197`	`}`
`198`	`198`	`}`
`199`	`199`
`200`		`- &-item:not(:last-child)&-item-finish &-item-tail::after {`
	`200`	`+ & &-item:not(:last-child)&-item-finish &-item-tail::after {`
`201`	`201`	`background-color: @steps-circle-color-item-tail_process;`
`202`	`202`	`}`
`203`	`203`
`204`		`- &-item:not(:last-child)&-item-next-error &-item-tail::after {`
	`204`	`+ & &-item:not(:last-child)&-item-next-error &-item-tail::after {`
`205`	`205`	`background-color: @steps-circle-color-item-tail_error;`
`206`	`206`	`}`
`207`	`207`