fix(radio): hover display for a selected radio

gsoft-inc · Dec 4, 2023 · 00d91c1 · 00d91c1
1 parent a88ff19
commit 00d91c1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/.changeset/silver-ghosts-bake.md b/.changeset/silver-ghosts-bake.md
@@ -0,0 +1,5 @@
+---
+"@igloo-ui/radio": patch
+---
+
+fix the problem of displaying the hover of a selected radio
diff --git a/packages/Radio/src/radio.scss b/packages/Radio/src/radio.scss
@@ -51,11 +51,9 @@
     --ids-radio-border-checked: var(--hop-neutral-border-active);
     --ids-radio-border-checked-hover: var(--hop-neutral-border-active);
     --ids-radio-background: var(--hop-neutral-surface);
-    --ids-radio-background-hover: var(--hop-neutral-surface-hover);
     --ids-radio-background-disabled: var(--hop-neutral-surface-disabled);
     --ids-radio-background-disabled-checked: var(--hop-neutral-surface-disabled);
     --ids-radio-background-checked: var(--hop-neutral-surface-active);
-    --ids-radio-check-background-checked-hover: var(--hop-neutral-icon-hover)
 }
 
 %radio {
@@ -121,14 +119,13 @@
 
     &:hover {
         border-color: var(--ids-radio-border-hover);
-        background-color: var(--ids-radio-background-hover, var(--ids-radio-background))
     }
 
     &:checked:hover {
         border-color: var(--ids-radio-border-checked-hover, var(--ids-radio-border-hover)) ;
 
         &::after {
-            background: var(--ids-radio-check-background-checked-hover, var(--ids-radio-background));
+            background: var(--ids-radio-background);
         }
     }