authorgravatar for maria@kuuro.netmaria <maria@kuuro.net> 2026-10-10 20:08:12-03:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-10 20:08:12-03:00
log74dfbb697235b0db87355d3f8575dc2ba45dddf7
tree59cd226891a930c03fdff98c6c052ac21e6f1f20
parent818e2be75e1a68bbcac122eac1b6fb815ccf4b73
signature Signed by PGP key B5690EEEBB952194

fix(web): composer banner titles truncate beside their icon instead of wrapping (#17699)

Co-authored-by: maria-rcks <254055478+maria-rcks@users.noreply.github.com>

1 files changed, 3 insertions(+), 1 deletions(-)

apps/web/src/components/chat/ComposerBanner.tsx+3-1
......@@ -201,7 +201,9 @@ function Row({
201201 "not-has-[>[data-slot=composer-banner-actions]]:grid-cols-[var(--composer-banner-icon-column)_minmax(0,1fr)]",
202202 "[&:is(button)]:cursor-pointer [&:is(button)]:rounded-md [&:is(button)]:focus-visible:outline-2 [&:is(button)]:focus-visible:-outline-offset-2 [&:is(button)]:focus-visible:outline-ring",
203203 // Actions share the title row while the title fits and move below it otherwise.
204 layout === "wrap-actions" && "flex flex-wrap *:data-[slot=composer-banner-content]:grow",
204 // The content's max width keeps it beside the icon, so a long title truncates instead of wrapping.
205 layout === "wrap-actions" &&
206 "flex flex-wrap *:data-[slot=composer-banner-content]:max-w-[calc(100%-var(--composer-banner-icon-column)-var(--spacing))] *:data-[slot=composer-banner-content]:grow",
205207 layout === "approval" && "items-start gap-x-2 gap-y-3",
206208 className,
207209 ),