Skip to content

fix: prevent long Docker container names from overflowing card bounds#653

Open
ZacharyZcR wants to merge 1 commit intoTermix-SSH:mainfrom
ZacharyZcR:fix/docker-container-name-overflow
Open

fix: prevent long Docker container names from overflowing card bounds#653
ZacharyZcR wants to merge 1 commit intoTermix-SSH:mainfrom
ZacharyZcR:fix/docker-container-name-overflow

Conversation

@ZacharyZcR
Copy link
Copy Markdown
Member

Summary

  • Long Docker container names were not constrained to the card width, causing them to overlay adjacent container cards in the grid layout
  • Root cause: CSS grid items have min-width: auto by default, which prevents truncate from working even though it was already set on CardTitle
  • Added overflow-hidden and min-w-0 to the Card root element to constrain content within grid cell bounds

Related Issue

Closes Termix-SSH/Support#601

Test plan

  • Open Docker panel with a container that has a very long name
  • Container name should be truncated with ellipsis instead of overflowing
  • Other containers should not be overlaid

Container names were not constrained to the card width, causing long
names to overlay adjacent container cards. Added overflow-hidden and
min-w-0 to the Card root element so the existing truncate class on
CardTitle takes effect within the grid layout.

Closes Termix-SSH/Support#601
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.

[BUG]Docker container name too long

1 participant