-
Notifications
You must be signed in to change notification settings - Fork 16.3k
Fix asset name overlap in DAG list (#56669) #57267
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
Replace `truncate` with `isTruncated` in AssetSchedule.tsx to prevent long asset names from overlapping the latest run field.
|
Chakra UI – Text > Truncate text: https://v1.chakra-ui.com/docs/components/typography/text#truncate-text |
| <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> |
There was a problem hiding this comment.
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.
There was a problem hiding this 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.
Fix UI bug where long asset names overlap the latest run field by replacing
truncatewithisTruncatedinAssetSchedule.tsx. This ensures asset names are truncated properly and do not overlap.closes: #56669