authorgravatar for 39161142+FllipEis@users.noreply.github.comFllip <39161142+FllipEis@users.noreply.github.com> 2026-08-05 08:03:56+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-08-05 02:03:56-04:00
log3c5bdb84a93682646848acf48cae94c4d189b7a6
tree6761ae62d4ab50e481682e6db9e09f2616a695a6
parent70de6e17860d7343a73e117e6e9e1ce41b1b633e
signature Signed by PGP key B5690EEEBB952194

fix(web): truncate long project switcher names (#5348)

1 files changed, 5 insertions(+), 2 deletions(-)

apps/web/src/components/chat/DraftHeroHeadline.tsx+5-2
...@@ -101,7 +101,8 @@ export function DraftHeroHeadline({...@@ -101,7 +101,8 @@ export function DraftHeroHeadline({
101 <Menu>101 <Menu>
102 <MenuTrigger102 <MenuTrigger
103 aria-label={hasResolvedProject ? "Change project" : "Choose a project"}103 aria-label={hasResolvedProject ? "Change project" : "Choose a project"}
104 className="pointer-events-auto inline cursor-pointer border-foreground/60 border-b border-dotted text-foreground transition-colors hover:border-foreground/80 focus-visible:rounded-sm focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"104 className="pointer-events-auto inline-block max-w-64 truncate border-foreground/60 border-b border-dotted align-bottom text-foreground transition-colors hover:border-foreground/80 focus-visible:rounded-sm focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"
105 title={activeProjectDisplayName ?? undefined}
105 >106 >
106 {activeProjectDisplayName ?? "Choose a project"}107 {activeProjectDisplayName ?? "Choose a project"}
107 </MenuTrigger>108 </MenuTrigger>
...@@ -122,7 +123,9 @@ export function DraftHeroHeadline({...@@ -122,7 +123,9 @@ export function DraftHeroHeadline({
122 {projectPickerEntries.map(({ group }) => {123 {projectPickerEntries.map(({ group }) => {
123 return (124 return (
124 <MenuRadioItem key={group.projectKey} value={group.projectKey} closeOnClick>125 <MenuRadioItem key={group.projectKey} value={group.projectKey} closeOnClick>
125 <span className="min-w-0 truncate">{group.displayName}</span>126 <span className="block min-w-0 truncate" title={group.displayName}>
127 {group.displayName}
128 </span>
126 </MenuRadioItem>129 </MenuRadioItem>
127 );130 );
128 })}131 })}