Update Checkbox and Radio Button styling to be more robust (#4078)

jpmorganchase · Sep 11, 2024 · 3e49154 · 3e49154
1 parent 3b8720d
commit 3e49154
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/mean-pianos-brake.md b/.changeset/mean-pianos-brake.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Updated Checkbox and Radio Button to have more robust styling.
diff --git a/packages/core/src/checkbox/CheckboxIcon.css b/packages/core/src/checkbox/CheckboxIcon.css
@@ -11,6 +11,8 @@
   position: relative;
   --saltIcon-size: 100%;
   display: flex;
+  /* Using overflow:hidden here causes a thin white line */
+  clip-path: border-box;
   box-sizing: border-box;
 }
 

diff --git a/packages/core/src/radio-button/RadioButtonIcon.css b/packages/core/src/radio-button/RadioButtonIcon.css
@@ -12,6 +12,9 @@
   background: var(--salt-container-primary-background);
   --saltIcon-size: 100%;
   display: flex;
+  /* Using overflow:hidden here causes a thin white line */
+  clip-path: border-box;
+  box-sizing: border-box;
 }
 
 .saltRadioButton:hover .saltRadioButtonIcon {