make border-radius part of the base styles so focus styles are consistent (#57353)

This commit is contained in:
Ashley Harrison
2022-10-20 13:34:14 +01:00
committed by GitHub
parent 66d2fe7d9d
commit 630c18d79d
@@ -57,6 +57,7 @@ const getStyles = (theme: GrafanaTheme2) => {
padding: ${theme.spacing(1, 0, 1, 1.5)};
display: flex;
align-items: center;
border-radius: ${theme.shape.borderRadius(2)};
gap: ${theme.spacing(1)};
height: 100%;
position: relative;
@@ -71,7 +72,6 @@ const getStyles = (theme: GrafanaTheme2) => {
label: activeTabStyle;
color: ${theme.colors.text.primary};
background: ${theme.colors.emphasize(theme.colors.background.canvas, 0.03)};
border-radius: ${theme.shape.borderRadius(2)};
font-weight: ${theme.typography.fontWeightMedium};
&::before {