From da45fc2c3749b6477213fdd5583abde14ce8084e Mon Sep 17 00:00:00 2001
From: Maz Ameli <maz@metabase.com>
Date: Mon, 20 Dec 2021 14:51:46 -0800
Subject: [PATCH] Restyle the Radio component a bit (#19417)
* restyle the Radio component a bit
* tweak color
---
frontend/src/metabase/components/Radio.styled.jsx | 12 +++++++++++-
1 file changed, 11 insertions(+), 1 deletion(-)
diff --git a/frontend/src/metabase/components/Radio.styled.jsx b/frontend/src/metabase/components/Radio.styled.jsx
index 6e3a081201a..d3d8e1d293e 100644
--- a/frontend/src/metabase/components/Radio.styled.jsx
+++ b/frontend/src/metabase/components/Radio.styled.jsx
@@ -37,7 +37,16 @@ export const RadioButton = styled.div`
width: 12px;
height: 12px;
border: 2px solid white;
- box-shadow: 0 0 0 2px ${color("shadow")};
+ box-shadow: 0 0 0 2px
+ ${props => {
+ if (props.checked) {
+ return props.colorScheme
+ ? COLOR_SCHEMES[props.colorScheme].button()
+ : color("brand");
+ } else {
+ return color("text-medium");
+ }
+ }};
border-radius: 12px;
background-color: ${props => {
if (props.checked) {
@@ -54,6 +63,7 @@ export const RadioButton = styled.div`
const BaseList = styled.ul`
display: flex;
flex-direction: ${props => (props.vertical ? "column" : "row")};
+ font-weight: bold;
`;
const BaseItem = styled.label.attrs({
--
GitLab