Adds min-w-0 to container name CardTitle to enable proper text truncation
Root Cause
In flexbox, child elements have min-width: auto by default, which prevents them from shrinking below their content width. The existing truncate class was ineffective because the element couldn't shrink.
## Summary
- Adds `min-w-0` to container name CardTitle to enable proper text truncation
## Root Cause
In flexbox, child elements have `min-width: auto` by default, which prevents them from shrinking below their content width. The existing `truncate` class was ineffective because the element couldn't shrink.
## Changes
```diff
- <CardTitle className="text-base font-semibold truncate flex-1">
+ <CardTitle className="text-base font-semibold truncate flex-1 min-w-0">
```
## Test plan
- [ ] Create a Docker container with a long name (>36 chars)
- [ ] Verify the name is truncated with ellipsis instead of overflowing
Fixes Termix-SSH/Support#411
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Summary
min-w-0to container name CardTitle to enable proper text truncationRoot Cause
In flexbox, child elements have
min-width: autoby default, which prevents them from shrinking below their content width. The existingtruncateclass was ineffective because the element couldn't shrink.Changes
Test plan
Fixes Termix-SSH/Support#411