Skip to content

Conversation

@if-i
Copy link

@if-i if-i commented Oct 25, 2025

Fix UI bug where long asset names overlap the latest run field by replacing truncate with isTruncated in AssetSchedule.tsx. This ensures asset names are truncated properly and do not overlap.

closes: #56669

Replace `truncate` with `isTruncated` in AssetSchedule.tsx to prevent long asset names from overlapping the latest run field.
@boring-cyborg boring-cyborg bot added the area:UI Related to UI/UX. For Frontend Developers. label Oct 25, 2025
@if-i
Copy link
Author

if-i commented Oct 25, 2025

Chakra UI – Text > Truncate text: https://v1.chakra-ui.com/docs/components/typography/text#truncate-text

Comment on lines 65 to 67
<FiDatabase style={{ display: "inline" }} />
<Link asChild color="fg.info" display="block" fontSize="sm" maxWidth="200px" truncate>
<Link asChild color="fg.info" display="block" fontSize="sm" maxWidth="200px" isTruncated>
<RouterLink to={`/assets/${asset.id}`}>{asset.name ?? asset.uri}</RouterLink>
Copy link
Contributor

Choose a reason for hiding this comment

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

Good catch switching to isTruncated. You can also do a quick check if the tooltip/title still behaves as expected for long names.

Copy link
Member

@pierrejeambrun pierrejeambrun left a comment

Choose a reason for hiding this comment

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

Closing in favor of #57108 which is simpler, was opened earlier and is closer to be in a ready state (CI is green, code looks good)

Feel free to re-open if I missed something or if this PR adds something more.

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

Labels

area:UI Related to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Dag schedules with longer asset names overlap with the entry in the latest run field in dag list

3 participants