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

Search: Fix alignment of checkbox in folder view (#62678)

Browse Source
This commit is contained in:
Joao Silva 2023-02-01 17:36:28 +01:00 committed by GitHub
parent 2c50c44d89
commit 3ea7ca0993
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -59,7 +59,7 @@ export const getCheckboxStyles = stylesFactory((theme: GrafanaTheme2) => {
return {
wrapper: css`
display: flex;
display: inline-flex;
gap: ${theme.spacing(labelPadding)};
align-items: baseline;
position: relative;

5
public/app/features/search/page/components/FolderSection.tsx
View File

@ -173,7 +173,7 @@ export const FolderSection = ({
label={
<>
{selectionToggle && selection && (
<div className={styles.checkbox} onClick={onToggleFolder}>
<div onClick={onToggleFolder}>
<Checkbox value={selection(section.kind, section.uid)} aria-label="Select folder" />
</div>
)}
@ -229,9 +229,6 @@ const getSectionHeaderStyles = (theme: GrafanaTheme2, selected = false, editable
sectionItems: css`
margin: 0 24px 0 32px;
`,
checkbox: css`
padding: 0 ${sm} 0 0;
`,
icon: css`
padding: 0 ${sm} 0 ${editable ? 0 : sm};
`,