Skip to content

fix(datagrid): pin the edit button to the grid's right edge - #450

Open
cartpauj wants to merge 1 commit into
developfrom
fix/449-pin-edit-button
Open

cartpauj wants to merge 1 commit into
developfrom
fix/449-pin-edit-button

Conversation

@cartpauj

Copy link
Copy Markdown
Contributor

Closes #449

Why

The edit button is in the grid's last column, past Notes. When the grid is wider than the window, the operator has to scroll sideways to reach it, then scroll back.

#189 item 6 asked to move the button, and the decision was to keep it on the right, where the edit pane opens (comment). This PR keeps that. The button stays in the same right-hand column, but that column is pinned to the right edge of the visible grid, so it is always reachable without scrolling.

What

  • Grids with actionButtons (today, the entries grid) pin the trailing column with sticky right-0, in both the body cell and the header, so the filter reset button stays reachable too
  • The column stays see-through, so note text is still visible underneath it
  • On row hover, the button appears with the row hover color and rounded corners behind it, so it reads clearly over any text
  • Grids without action buttons are unchanged
  • README and in-app Help: the "Editing a record" line now says the icon is at the right edge of the grid and stays in view

Tests

Styling only, no unit test. Confirmed Tailwind generates each new rule (the project's custom color palette has no inherit color, which caught an earlier attempt). Checked manually in the app, and compared against develop.

🤖 Generated with Claude Code

The edit button lives in the trailing column past Notes, so on a grid
wider than the window the operator had to scroll sideways to reach it.
Pin the action column (cell and header) to the right edge of the
visible grid. The column stays see-through so note text still shows;
the hovered row's button gets the row hover color so it reads over it.

Keeps the button on the right, as decided in #189.

Closes #449

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@cartpauj cartpauj self-assigned this Sep 28, 2026
@cartpauj

Copy link
Copy Markdown
Contributor Author

Screenshot:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Edit button requires scrolling the entries grid sideways to reach

1 participant