Skip to content

Commit 1a24f2e

Browse files
Kiryousclaude
andcommitted
[One Workflow] Fix Actions menu row layout after EUI 116 upgrade
EUI 116 routes EuiSelectableListItem through the shared EuiListItemLayout, which adds vertical padding on __text and a gap on __content. renderActionOption owns its own spacing, so the new styles stacked on top and inflated every row. Zero out the gap/padding to restore the row height. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 5d496c3 commit 1a24f2e

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

  • src/platform/plugins/shared/workflows_management/public/features/actions_menu_popover/ui

src/platform/plugins/shared/workflows_management/public/features/actions_menu_popover/ui/actions_menu.tsx

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -417,6 +417,15 @@ const componentStyles = {
417417
'& .euiSelectableListItem.compactOption': {
418418
paddingBlock: euiTheme.size.s,
419419
},
420+
// EUI 116 routes EuiSelectableListItem through EuiListItemLayout, which
421+
// adds gap on __content and vertical padding on __text. renderActionOption
422+
// owns its own spacing, so zero these out to keep the rendered row height.
423+
'& .euiSelectableListItem__content': {
424+
gap: 0,
425+
},
426+
'& .euiSelectableListItem__text': {
427+
paddingBlock: 0,
428+
},
420429
'& .euiSelectableList': {
421430
maxHeight: '420px',
422431
overflowY: 'auto',

0 commit comments

Comments
 (0)