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

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

View File

@ -187,7 +187,6 @@ 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}
@ -199,17 +198,18 @@ const NestedEntry: React.FC<NestedEntryProps> = ({
) : (
<Space layout="inline" h={2} />
)}
</span>
<Space layout="inline" h={2} />
{isSelectable && (
<span className={styles.entryContentItem}>
<>
<Checkbox id={checkboxId} onChange={handleSelectedChanged} disabled={isDisabled} value={isSelected} />
</span>
<Space layout="inline" h={2} />
</>
)}
<span className={styles.entryContentItem}>
<EntryIcon entry={entry} isOpen={isOpen} />
</span>
<Space layout="inline" h={1} />
<label htmlFor={checkboxId} className={cx(styles.entryContentItem, styles.truncated)}>
{entry.name}

View File

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