IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-29 04:04:00 -06:00
Code Issues Packages Projects Releases Wiki Activity

AzureMonitor: Resource Picker alignment/spacing tweaks (#35125)

Browse Source
This commit is contained in:
Josh Hunt 2021-07-08 15:37:41 +01:00 committed by GitHub
parent 94d2520a84
commit a2a1fa51f2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
public/app/plugins/datasource/grafana-azure-monitor-datasource/components/ResourcePicker/NestedRows.tsx
View File

@ -187,29 +187,29 @@ const NestedEntry: React.FC<NestedEntryProps> = ({
{/* When groups are selectable, I *think* we will want to show a 2-wide space instead
of the collapse button for leaf rows that have no children to get them to align */}
<span className={styles.entryContentItem}>
{hasChildren ? (
<IconButton
className={styles.collapseButton}
name={isOpen ? 'angle-down' : 'angle-right'}
aria-label={isOpen ? 'Collapse' : 'Expand'}
onClick={handleToggleCollapse}
id={entry.id}
/>
) : (
<Space layout="inline" h={2} />
)}
</span>
{isSelectable && (
<span className={styles.entryContentItem}>
<Checkbox id={checkboxId} onChange={handleSelectedChanged} disabled={isDisabled} value={isSelected} />
</span>
{hasChildren ? (
<IconButton
className={styles.collapseButton}
name={isOpen ? 'angle-down' : 'angle-right'}
aria-label={isOpen ? 'Collapse' : 'Expand'}
onClick={handleToggleCollapse}
id={entry.id}
/>
) : (
<Space layout="inline" h={2} />
)}
<span className={styles.entryContentItem}>
<EntryIcon entry={entry} isOpen={isOpen} />
</span>
<Space layout="inline" h={2} />
{isSelectable && (
<>
<Checkbox id={checkboxId} onChange={handleSelectedChanged} disabled={isDisabled} value={isSelected} />
<Space layout="inline" h={2} />
</>
)}
<EntryIcon entry={entry} isOpen={isOpen} />
<Space layout="inline" h={1} />
<label htmlFor={checkboxId} className={cx(styles.entryContentItem, styles.truncated)}>
{entry.name}

1
public/app/plugins/datasource/grafana-azure-monitor-datasource/components/ResourcePicker/styles.ts
View File

@ -51,6 +51,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
nestedEntry: css({
display: 'flex',
alignItems: 'center',
}),
entryContentItem: css({