fix: primary color selecter now show outline correctly

3 years ago · a0b8a31d8e
parent 8fae1f979b
commit a0b8a31d8e
1 changed files with 2 additions and 2 deletions
--- a/ts/components/basic/SessionRadio.tsx
+++ b/ts/components/basic/SessionRadio.tsx
@ -100,13 +100,13 @@ const StyledInputOutlineSelected = styled(StyledInput)`
    outline: none;
  }
  :checked + label:before {
-    outline-color: 1px solid currentColor;
+    outline: 1px solid currentColor;
  }
 `;
 const StyledLabelOutlineSelected = styled(StyledLabel)<{ selectedColor: string }>`
  :before {
    background: ${props => (props.selectedColor ? props.selectedColor : 'var(--primary-color)')};
-    outline: var(--transparent-color) solid 1px;
+    outline: 1px solid transparent; /* CSS varibles didn't work here */
  }
 `;