starred/webmail
1
0
Fork 0
mirror of https://github.com/bulwarkmail/webmail.git synced 2026-11-04 16:14:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: show the full name in the search suggestions of a narrow list

Browse Source
This commit is contained in:
Linus Rath
2026-11-03 05:10:22 +01:00
parent 4bda73d9c6
commit bba5ec9901
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/search/search-suggestions.tsx
+4 -3
View File
@@ -155,11 +155,12 @@ export function SearchSuggestions({
}}
>
<Avatar name={suggestion.name} email={suggestion.email} size="sm" className="shrink-0 w-6 h-6 text-[0.625rem]" />
<span className="flex-1 min-w-0 flex items-baseline gap-1.5 truncate">
<span className="flex-1 min-w-0 flex items-baseline gap-1.5 overflow-hidden">
{suggestion.name ? (
<>
<HighlightedText text={suggestion.name} query={query} className="truncate" />
<HighlightedText text={`<${suggestion.email}>`} query={query} className="text-muted-foreground truncate" />
{/* The address gives way first: both shrinking left "Bo..." in a narrow list. */}
<HighlightedText text={suggestion.name} query={query} className="truncate shrink-0 max-w-[60%]" />
<HighlightedText text={`<${suggestion.email}>`} query={query} className="text-muted-foreground truncate min-w-0" />
</>
) : (
<HighlightedText text={suggestion.email} query={query} className="truncate" />