Design System: Set border radius to theme.shape.radius.default (#65511)

* refactor: replace by default token

* refactor: remove helper

* refactor: use pill token
This commit is contained in:
Laura Benz 2023-03-30 09:20:11 +02:00 committed by GitHub
parent 10d896d24e
commit d473fa3977
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 5 additions and 5 deletions

View File

@ -43,7 +43,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme2) => {
left: calc(50% - 100px) !important;
top: -4px !important;
cursor: grab;
border-radius: 4px;
border-radius: ${theme.shape.radius.pill};
&:hover {
background: ${theme.colors.secondary.shade};
}

View File

@ -20,7 +20,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
label: no-data-card;
padding: ${theme.spacing(3)};
background: ${theme.colors.background.primary};
border-radius: ${theme.shape.borderRadius()};
border-radius: ${theme.shape.radius.default};
display: flex;
flex-direction: column;
align-items: center;

View File

@ -28,7 +28,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
background-color: ${theme.colors.background.primary};
border: 1px solid ${theme.colors.border.medium};
position: relative;
border-radius: ${theme.shape.borderRadius()};
border-radius: ${theme.shape.radius.default};
width: 100%;
display: flex;
flex-direction: column;

View File

@ -38,7 +38,7 @@ export const getStyles = (theme: GrafanaTheme2) => {
margin-bottom: -48px;
padding: 8px;
margin-right: 2px;
border-radius: ${theme.shape.borderRadius()};
border-radius: ${theme.shape.radius.default};
box-shadow: ${theme.shadows.z2};
`,
TracePageSearchBarBar: css`

View File

@ -144,7 +144,7 @@ export const getLogRowStyles = memoizeOne((theme: GrafanaTheme2) => {
label: logs-row-details-table;
border: 1px solid ${theme.colors.border.medium};
padding: 0 ${theme.spacing(1)} ${theme.spacing(1)};
border-radius: ${theme.shape.borderRadius()};
border-radius: ${theme.shape.radius.default};
margin: ${theme.spacing(2.5)} ${theme.spacing(1)} ${theme.spacing(2.5)} ${theme.spacing(2)};
cursor: default;
`,