Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-12 15:51:37 -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 {
--radio-icon-border-color: var(--radio-btn-border-color);
@include buttonStyle; @include buttonStyle;
@include flexCenter; @include flexCenter;
@include focusRadio; @include focusRadio;
@ -21,6 +23,8 @@
flex-grow: 1; flex-grow: 1;
border-radius: $s-8; border-radius: $s-8;
box-sizing: border-box; box-sizing: border-box;
border: $br-2 solid var(--radio-icon-border-color);
input { input {
display: none; display: none;
} }
@ -40,8 +44,9 @@
} }
.checked { .checked {
--radio-icon-border-color: var(--radio-btn-border-color-selected);
background-color: var(--radio-btn-background-color-selected); background-color: var(--radio-btn-background-color-selected);
border-color: var(--radio-btn-border-color-selected);
svg { svg {
stroke: var(--radio-btn-foreground-color-selected); stroke: var(--radio-btn-foreground-color-selected);
} }
@ -70,4 +75,4 @@
color: var(--button-foreground-color-disabled); color: var(--button-foreground-color-disabled);
} }
} }
} }