Merge pull request #2081 from dxc-technology/rarrojolopez/button-fix

Jialecl · web-flow · commit 79dfbd690f15 · 2024-08-20T12:45:22.000+02:00
Fix button's tertiary active background color
diff --git a/packages/lib/src/button/Button.tsx b/packages/lib/src/button/Button.tsx
@@ -373,12 +373,12 @@ const getButtonStyles = (
       }
       return `${commonTertiaryStyles}
         ${enabled}
-        &:active {
-          ${active}
-        }
         &:hover {
           ${hover}
         }
+        &:active {
+          ${active}
+        }
         &:focus {
           ${focus}
         }

Original file line number	Diff line number	Diff line change
`@@ -373,12 +373,12 @@ const getButtonStyles = (`
`373`	`373`	`}`
`374`	`374`	return `${commonTertiaryStyles}
`375`	`375`	`${enabled}`
`376`		`- &:active {`
`377`		`- ${active}`
`378`		`- }`
`379`	`376`	`&:hover {`
`380`	`377`	`${hover}`
`381`	`378`	`}`
	`379`	`+ &:active {`
	`380`	`+ ${active}`
	`381`	`+ }`
`382`	`382`	`&:focus {`
`383`	`383`	`${focus}`
`384`	`384`	`}`