fix(ui): truncate long identifiers#25
Conversation
Constrain long job, workflow, runner, and policy labels so they do not overflow cards and tables.
There was a problem hiding this comment.
Code Review
This pull request introduces layout improvements across several UI components by adding text truncation and max-width constraints to prevent overflow. The reviewer feedback correctly points out that applying truncation classes directly to TableCell elements is unreliable due to their default display: table-cell styling. It is recommended to wrap the text content in block-level elements, such as a div, and apply the truncation and max-width classes to those inner elements instead.
Important
The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.
There was a problem hiding this comment.
No issues found in this review. I reviewed the changed UI truncation classes across the admin tables, overview cards, runner requests list, and user dashboard job fields.
Verification not run: review-only pass; dependencies are not installed in ui/node_modules.
Apply ellipsis styles to block-level cell content so truncation remains reliable with automatic table layout.
Summary
Why
Long workflow and runner identifiers could expand flex and table content beyond the intended layout instead of displaying an ellipsis.
Validation
npm run lintnpm run build