| author |  Utkarsh Patil <73941998+UtkarshUsername@users.noreply.github.com> 2026-10-06 02:02:03+05:30 |
| committer |  GitHub <noreply@github.com> 2026-10-05 13:32:03-07:00 |
| log | 5b613de175dd2567ae806907440ef83f6cd7c2a4 |
| tree | 26c25cd6c6e62aeab2e7e115f49fc59250526278 |
| parent | 039ddf1143d7dba0e25d0b1b7c8ed0cd3e19f588 |
| signature | Signed by PGP key B5690EEEBB952194 |
fix(web): wrap full status text in composer hover details (#16158)
2 files changed, 3 insertions(+), 3 deletions(-)
apps
web
src
components
apps/web/src/components/chat/ComposerBannerStack.tsx+1-1
| ... | ... | @@ -306,7 +306,7 @@ function NoticeDescription({ children, compact }: { children: ReactNode; compact |
| 306 | 306 | aria-label="Notice details" |
| 307 | 307 | tooltipStyle |
| 308 | 308 | side="top" |
| 309 | className="max-w-80 whitespace-normal wrap-anywhere" | |
| 309 | className="max-w-[min(30rem,calc(100vw-2rem))] whitespace-normal wrap-anywhere [--inline-button-text-align:start] [--inline-button-white-space:normal] [&_[data-slot=inline-button]]:max-w-full" | |
| 310 | 310 | > |
| 311 | 311 | <ComposerBanner.Scroll className="max-h-[min(var(--available-height),24rem,40dvh)]"> |
| 312 | 312 | {children} |
apps/web/src/components/ui/button.tsx+2-2
| ... | ... | @@ -101,7 +101,7 @@ function Button({ className, variant, size, render, ...props }: ButtonProps) { |
| 101 | 101 | export { Button, buttonVariants, type ButtonSize, type ButtonVariant }; |
| 102 | 102 | |
| 103 | 103 | const inlineButtonVariants = cva( |
| 104 | "inline-flex shrink-0 cursor-pointer items-center gap-0.5 whitespace-nowrap font-medium underline-offset-2 hover:underline focus-visible:outline-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-64", | |
| 104 | "inline-flex shrink-0 cursor-pointer items-center gap-0.5 font-medium underline-offset-2 [text-align:var(--inline-button-text-align,center)] [white-space:var(--inline-button-white-space,nowrap)] hover:underline focus-visible:outline-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-64", | |
| 105 | 105 | { |
| 106 | 106 | defaultVariants: { tone: "default" }, |
| 107 | 107 | variants: { |
| ... | ... | @@ -117,7 +117,7 @@ const inlineButtonVariants = cva( |
| 117 | 117 | }, |
| 118 | 118 | ); |
| 119 | 119 | |
| 120 | /** An inline text action that keeps the size of the surrounding text and underlines on hover. */ | |
| 120 | /** An inline text action. Set --inline-button-white-space to normal in wrapping prose containers. */ | |
| 121 | 121 | export function InlineButton({ |
| 122 | 122 | className, |
| 123 | 123 | tone, |