fix: link hover color (#1765)

madhurisandbhor · web-flow · commit ae052a278ce2 · 2024-07-26T17:27:48.000+02:00
diff --git a/.changeset/metal-poems-type.md b/.changeset/metal-poems-type.md
@@ -0,0 +1,5 @@
+---
+'@strapi/design-system': patch
+---
+
+fix: link hover color apply to its label and not to children
diff --git a/packages/design-system/src/components/Link/Link.tsx b/packages/design-system/src/components/Link/Link.tsx
@@ -52,7 +52,7 @@ const LinkWrapper = styled<BaseLinkComponent>(BaseLink)`
   }
 
   &:hover {
-    span {
+    & > span {
       color: ${({ theme }) => theme.colors.primary500};
     }
   }

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@strapi/design-system': patch
 +---
++
 +fix: link hover color apply to its label and not to children
Original file line number	Diff line number	Diff line change
@@ -52,7 +52,7 @@ const LinkWrapper = styled<BaseLinkComponent>(BaseLink)`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`&:hover {`
`55`		`- span {`
	`55`	`+ & > span {`
`56`	`56`	`color: ${({ theme }) => theme.colors.primary500};`
`57`	`57`	`}`
`58`	`58`	`}`