Skip to content

fix(dashboards): Prevent long dashboard names from overflowing in list view#110828

Merged
gggritso merged 8 commits intomasterfrom
georgegritsouk/dain-1354-long-dashboard-names-overflow-the-container-in-list-view
Mar 18, 2026
Merged

fix(dashboards): Prevent long dashboard names from overflowing in list view#110828
gggritso merged 8 commits intomasterfrom
georgegritsouk/dain-1354-long-dashboard-names-overflow-the-container-in-list-view

Conversation

@gggritso
Copy link
Member

@gggritso gggritso commented Mar 17, 2026

Fixes long dashboard names overflowing their column in the dashboard list view.

Before:
Screenshot 2026-03-17 at 4 17 15 PM

After:
Screenshot 2026-03-17 at 4 17 12 PM

Fixes DAIN-1354
Co-Authored-By: Claude noreply@anthropic.com

gggritso and others added 2 commits March 16, 2026 21:39
…table

Use the Text component with the ellipsis prop in CellName instead of
manually applying overflow CSS on the styled link. This ensures names
are truncated with an ellipsis rather than overflowing their column.

Fixes DAIN-1354
Co-Authored-By: Claude <noreply@anthropic.com>
…ard table

Apply the same Text ellipsis fix to the legacy GridEditable-based
DashboardTable, which renders when the dashboards-starred-reordering
flag is off.

Fixes DAIN-1354
Co-Authored-By: Claude <noreply@anthropic.com>
@gggritso gggritso requested a review from a team as a code owner March 17, 2026 01:45
@linear-code
Copy link

linear-code bot commented Mar 17, 2026

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Mar 17, 2026
@gggritso gggritso marked this pull request as draft March 17, 2026 01:48
Copy link
Contributor

@cursor cursor bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Fix All in Cursor

Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

The query name is now rendered inside a Text component wrapping a Link,
so findByText() returns the outer span rather than the anchor element.
Switch to findByRole('link', {name}) to correctly target the <a> element
and assert its href attribute.

Co-Authored-By: Claude <noreply@anthropic.com>
Same fix as the savedQueriesTable tests — the name cell now renders
a Text wrapper around the Link, so getByText() returns the span rather
than the anchor. Switch to getByRole('link', {name}) to target the
correct element when asserting href.

Co-Authored-By: Claude <noreply@anthropic.com>
The original StyledLink in savedEntityTable.tsx already handled overflow
with text-overflow: ellipsis, so those changes were unnecessary. The actual
bug was only in dashboardTable.tsx. Revert savedEntityTable.tsx,
savedQueriesTable.spec.tsx, and issueViewsList.spec.tsx to master.
@gggritso gggritso marked this pull request as ready for review March 17, 2026 20:18
@gggritso gggritso merged commit 7bc241a into master Mar 18, 2026
64 checks passed
@gggritso gggritso deleted the georgegritsouk/dain-1354-long-dashboard-names-overflow-the-container-in-list-view branch March 18, 2026 14:37
JonasBa pushed a commit that referenced this pull request Mar 18, 2026
…t view (#110828)

Fixes long dashboard names overflowing their column in the dashboard
list view.

**Before:**
<img width="602" height="89" alt="Screenshot 2026-03-17 at 4 17 15 PM"
src="https://github.com/user-attachments/assets/93ae189e-0c96-4639-a8af-0e299e63a422"
/>

**After:**
<img width="645" height="81" alt="Screenshot 2026-03-17 at 4 17 12 PM"
src="https://github.com/user-attachments/assets/99f2c31e-a12e-4b14-86e7-eeff108db610"
/>


Fixes DAIN-1354
Co-Authored-By: Claude <noreply@anthropic.com>

---------

Co-authored-by: Claude <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants