Compact tables should use compact actions to achieve proper alignment. Regular actions will result in a small misalignment.
The default menu toggle in ActionsColumn component doesn't appear to have support for changing its size, so it causes a misalignment when used in compact tables. It would be great to be able pass a prop to this component to control the default toggle size.
@thatblindgeye I opened this issue before I saw your comment in patternfly/patternfly#7267 (comment)
not sure if we expose a way to adjust the size of a kebab toggle in a table -- EDIT: technically we do as you can pass a custom toggle in
Seems like it might be useful to support a small toggle here, but feel free to close this if you think passing a custom toggle resolves this issue.
|
<MenuToggle |
|
aria-label="Kebab toggle" |
|
ref={toggleRef} |
|
onClick={onToggle} |
|
isExpanded={isOpen} |
|
isDisabled={isDisabled} |
|
variant="plain" |
|
icon={<RhUiEllipsisVerticalFillIcon />} |
|
/> |
Jira Issue: PF-4559
Compact tables should use compact actions to achieve proper alignment. Regular actions will result in a small misalignment.
The default menu toggle in
ActionsColumncomponent doesn't appear to have support for changing its size, so it causes a misalignment when used in compact tables. It would be great to be able pass a prop to this component to control the default toggle size.@thatblindgeye I opened this issue before I saw your comment in patternfly/patternfly#7267 (comment)
Seems like it might be useful to support a small toggle here, but feel free to close this if you think passing a custom toggle resolves this issue.
patternfly-react/packages/react-table/src/components/Table/ActionsColumn.tsx
Lines 101 to 109 in 4d61988
Jira Issue: PF-4559