Fixed background overflow bug in Card component on Safari browsers (#815

) * Fixed corner background overflow bug in Card component on Safari browsers * github-actions[bot] Regenerated snapshots * github-actions[bot] Regenerated snapshots --------- Co-authored-by: rezrah <[email protected]>
primer · Nov 14, 2024 · 7345cc9 · 7345cc9
1 parent eb22cea
commit 7345cc9
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 90 deletions.
diff --git a/.changeset/warm-rabbits-beg.md b/.changeset/warm-rabbits-beg.md
@@ -0,0 +1,5 @@
+---
+'@primer/react-brand': patch
+---
+
+Fixed corner background overflow bug in `Card` component on Safari browsers
diff --git a/apps/docs/package-lock.json b/apps/docs/package-lock.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react/src/Card/Card.module.css b/packages/react/src/Card/Card.module.css
@@ -145,6 +145,7 @@
 .Card--skew {
   height: 100%;
   border-radius: var(--brand-borderRadius-large);
+  overflow: hidden;
 }
 
 .Card--skew:focus-within {

diff --git a/...apshots/Visual-Comparison-Footnotes-Footnotes-Rivers-With-Citations-1-linux.png b/...apshots/Visual-Comparison-Footnotes-Footnotes-Rivers-With-Citations-1-linux.png