Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-12 07:41:43 -05:00
Code Issues Activity

🐛 Fix style of radio buttons in light theme

Browse source
This commit is contained in:
Belén Albeza 2024-02-28 15:48:29 +01:00 • committed by Andrey Antukh
parent e6d4a56901
commit 75716c37e1
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/app/main/ui/components/radio_buttons.scss
View file

@ -14,6 +14,8 @@
}
.radio-icon {
--radio-icon-border-color: var(--radio-btn-border-color);
@include buttonStyle;
@include flexCenter;
@include focusRadio;
@ -21,6 +23,8 @@
flex-grow: 1;
border-radius: $s-8;
box-sizing: border-box;
border: $br-2 solid var(--radio-icon-border-color);
input {
display: none;
}
@ -40,8 +44,9 @@
}
.checked {
--radio-icon-border-color: var(--radio-btn-border-color-selected);
background-color: var(--radio-btn-background-color-selected);
border-color: var(--radio-btn-border-color-selected);
svg {
stroke: var(--radio-btn-foreground-color-selected);
}
@ -70,4 +75,4 @@
color: var(--button-foreground-color-disabled);
}
}
}
}