diff --git a/frontend/src/app/main/ui/components/radio_buttons.scss b/frontend/src/app/main/ui/components/radio_buttons.scss index 521a57885..f62595284 100644 --- a/frontend/src/app/main/ui/components/radio_buttons.scss +++ b/frontend/src/app/main/ui/components/radio_buttons.scss @@ -37,20 +37,30 @@ stroke: var(--radio-btn-foreground-color-selected); } } +} - &.checked { - background-color: var(--radio-btn-background-color-selected); - border-color: var(--radio-btn-border-color-selected); - svg { - stroke: var(--radio-btn-foreground-color-selected); - } - .title-name { - color: var(--radio-btn-foreground-color-selected); - } +.checked { + background-color: var(--radio-btn-background-color-selected); + border-color: var(--radio-btn-border-color-selected); + svg { + stroke: var(--radio-btn-foreground-color-selected); } + .title-name { + color: var(--radio-btn-foreground-color-selected); + } +} - &.disabled { - cursor: default; +.disabled { + cursor: default; + background-color: transparent; + border: $s-2 solid transparent; + svg { + stroke: var(--button-foreground-color-disabled); + } + .title-name { + color: var(--button-foreground-color-disabled); + } + &:hover { background-color: transparent; border: $s-2 solid transparent; svg { @@ -59,15 +69,5 @@ .title-name { color: var(--button-foreground-color-disabled); } - &:hover { - background-color: transparent; - border: $s-2 solid transparent; - svg { - stroke: var(--button-foreground-color-disabled); - } - .title-name { - color: var(--button-foreground-color-disabled); - } - } } -} +} \ No newline at end of file