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

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 {/* 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 */} of the collapse button for leaf rows that have no children to get them to align */}
<span className={styles.entryContentItem}> {hasChildren ? (
{hasChildren ? ( <IconButton
<IconButton className={styles.collapseButton}
className={styles.collapseButton} name={isOpen ? 'angle-down' : 'angle-right'}
name={isOpen ? 'angle-down' : 'angle-right'} aria-label={isOpen ? 'Collapse' : 'Expand'}
aria-label={isOpen ? 'Collapse' : 'Expand'} onClick={handleToggleCollapse}
onClick={handleToggleCollapse} id={entry.id}
id={entry.id} />
/> ) : (
) : ( <Space layout="inline" h={2} />
<Space layout="inline" h={2} />
)}
</span>
{isSelectable && (
<span className={styles.entryContentItem}>
<Checkbox id={checkboxId} onChange={handleSelectedChanged} disabled={isDisabled} value={isSelected} />
</span>
)} )}
<span className={styles.entryContentItem}> <Space layout="inline" h={2} />
<EntryIcon entry={entry} isOpen={isOpen} />
</span> {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)}> <label htmlFor={checkboxId} className={cx(styles.entryContentItem, styles.truncated)}>
{entry.name} {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({ nestedEntry: css({
display: 'flex', display: 'flex',
alignItems: 'center',
}), }),
entryContentItem: css({ entryContentItem: css({