eui icon indicating copy to clipboard operation
eui copied to clipboard

[EuiBasicTable] Improve actions layout and interaction

Open ryankeairns opened this issue 10 months ago • 1 comments

Is your feature request related to a problem? Please describe. This request has two parts, the first being rather subjective design feedback, the second a request to make tables less 'noisy', visually.

Describe the solution you'd like

  1. Decrease the gap between action buttons from 8 to 4.
  2. Provide an option to 'show on hover' at the parent level - EuiTableActionsColumnType - even when there are less than three actions.

Describe alternatives you've considered

  • Set the showOnHover for each action button

Desired timeline Not urgent. The case that came up - dashboard listing page - is likely to be worked around by adding a third action.

Additional context In having this discussion regarding the dashboard page, it felt like the 'show on hover' effect should work be generally available. Taken a step further, it could be the default behavior for all action columns.

ryankeairns avatar Jan 17 '25 00:01 ryankeairns

The gap change is a one-liner (involves a visual change, we have to update VRT images) but the showOnHover is slightly more complex - it involves changing the interface, passing down the prop, updating the rendering logic in renderItemActionsCell to use the boolean and possibly updating ExpandedItemActions and CollapsedItemActions. I estimated this as "Small" and a 3.

weronikaolejniczak avatar Jun 02 '25 16:06 weronikaolejniczak