From 75716c37e1ea88bde4cac814b9bc953095ca7fa5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= Date: Wed, 28 Feb 2024 15:48:29 +0100 Subject: [PATCH] :bug: Fix style of radio buttons in light theme --- frontend/src/app/main/ui/components/radio_buttons.scss | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/frontend/src/app/main/ui/components/radio_buttons.scss b/frontend/src/app/main/ui/components/radio_buttons.scss index f625952848..2000065688 100644 --- a/frontend/src/app/main/ui/components/radio_buttons.scss +++ b/frontend/src/app/main/ui/components/radio_buttons.scss @@ -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); } } -} \ No newline at end of file +}