Skip to content

fix(master-ui): stop clipping Duration column and action buttons in tables - #176

Merged
beinan merged 1 commit into
lance-format:mainfrom
beinan:fix/master-ui-table-overflow
Jul 23, 2026
Merged

fix(master-ui): stop clipping Duration column and action buttons in tables#176
beinan merged 1 commit into
lance-format:mainfrom
beinan:fix/master-ui-table-overflow

Conversation

@beinan

@beinan beinan commented Jul 23, 2026

Copy link
Copy Markdown
Collaborator

Summary

  • The master UI task table's Duration column and the experiments table's action buttons were getting clipped when the table grew wider than its container.
  • Root cause: both tables share .table-wrap, which used overflow: hidden. Combined with white-space: nowrap cells, the rightmost columns were chopped off instead of scrollable.
  • Fix: change .table-wrap to overflow-x: auto so wide tables scroll horizontally, matching the existing .records-table-wrap behavior.

Test plan

  • Run the master UI dev server, open the Tasks view, and confirm the Duration column is visible (scrolls horizontally on narrow widths).
  • Open the experiments list and confirm the action buttons are no longer cut off.

🤖 Generated with Claude Code

…ables

The task and experiments tables share `.table-wrap`, which used
`overflow: hidden`. Combined with `white-space: nowrap` cells, any table
wider than its container had its rightmost content clipped — the task
table's Duration column and the experiments table's action buttons. Switch
to `overflow-x: auto` so wide tables scroll horizontally instead, matching
`.records-table-wrap`.

Co-Authored-By: Claude <noreply@anthropic.com>
@beinan
beinan merged commit 8564d38 into lance-format:main Jul 23, 2026
8 of 9 checks passed
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.

1 participant