IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Checkbox: Fix alignment in Safari (#70673)

Browse Source
This commit is contained in:
Ashley Harrison 2023-06-27 16:10:56 +01:00 committed by GitHub
parent c7ddf29cdf
commit beb166f1d2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/grafana-ui/src/components/Forms/Checkbox.tsx
View File

@ -74,13 +74,15 @@ export const getCheckboxStyles = (theme: GrafanaTheme2, invalid = false) => {
};
return {
wrapper: css`
display: inline-grid;
align-items: center;
column-gap: ${theme.spacing(labelPadding)};
position: relative;
vertical-align: middle;
`,
wrapper: css({
display: 'inline-grid',
alignItems: 'center',
columnGap: theme.spacing(labelPadding),
// gridAutoRows is needed to prevent https://github.com/grafana/grafana/issues/68570 in safari
gridAutoRows: 'max-content',
position: 'relative',
verticalAlign: 'middle',
}),
input: css`
position: absolute;
z-index: 1;

2
public/app/features/dashboard/components/SaveDashboard/forms/SaveDashboardForm.tsx
View File

@ -60,7 +60,7 @@ export const SaveDashboardForm = ({
{({ register, errors }) => {
const messageProps = register('message');
return (
<Stack gap={2}>
<Stack gap={2} direction="column" alignItems="flex-start">
{hasTimeChanged && (
<Checkbox
checked={!!options.saveTimerange}