admin/acmcc
1
0
Fork 0
mirror of https://github.com/renee-png/acmcc.git synced 2026-06-21 01:40:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Messaging: fix New Message dialog overflow on long recipient names

Browse Source 
The recipient row's inner name+badge flex lacked min-w-0, so a long name
(e.g. a full association name) couldn't truncate — it widened the row,
pushed the badge out, and stretched the dialog (and its full-width search
field) past max-w-md. Add min-w-0 so the name truncates and the dialog
stays within bounds.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
renee-png
2026-06-17 15:01:23 -04:00
parent d5145e2515
commit bfc758f1f2
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/messaging/ConversationList.tsx
+1 -1
View File
@@ -367,7 +367,7 @@ function NewConversationDialog({ onSelectPartner }: { onSelectPartner: (id: stri
</AvatarFallback> </AvatarFallback>
</Avatar> </Avatar>
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2 min-w-0">
<span className="text-sm font-medium truncate">{u.full_name || "Unknown User"}</span> <span className="text-sm font-medium truncate">{u.full_name || "Unknown User"}</span>
<Badge variant="outline" className="text-[10px] capitalize shrink-0"> <Badge variant="outline" className="text-[10px] capitalize shrink-0">
{u.category === "board" ? "Board" : u.category} {u.category === "board" ? "Board" : u.category}