suggested panel button visual improvements
CodeQL checks / Detect whether code changed (push) Waiting to run Details
CodeQL checks / Analyze (actions) (push) Blocked by required conditions Details
CodeQL checks / Analyze (go) (push) Blocked by required conditions Details
CodeQL checks / Analyze (javascript) (push) Blocked by required conditions Details

This commit is contained in:
ismail simsek 2025-10-02 00:18:24 +02:00
parent c565bda5e9
commit c794474b6f
No known key found for this signature in database
1 changed files with 7 additions and 1 deletions

View File

@ -119,7 +119,7 @@ function getStyles(theme: GrafanaTheme2) {
}),
listItem: css({
display: 'flex',
alignItems: 'center',
alignItems: 'flex-start',
gap: theme.spacing(1),
padding: theme.spacing(1),
marginBottom: theme.spacing(1),
@ -138,13 +138,19 @@ function getStyles(theme: GrafanaTheme2) {
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
marginTop: theme.spacing(0.25), // Slight offset to align with first line of text
flexShrink: 0, // Prevent icon from shrinking
}),
itemText: css({
display: 'flex',
flexDirection: 'column',
flex: 1,
minWidth: 0, // Allow flex item to shrink below its content size
}),
itemName: css({
fontWeight: theme.typography.fontWeightMedium,
wordBreak: 'break-word',
lineHeight: theme.typography.body.lineHeight,
}),
itemMeta: css({
color: theme.colors.text.secondary,