authorgravatar for gosarmarcel7@gmail.commaco <gosarmarcel7@gmail.com> 2026-10-09 17:44:37+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-09 12:44:37-03:00
logc5d4d2d04cce7c7fa60ac1c51974c4328cbaa8e5
tree456c14bf0478b561f31d40407d87cace53896365
parent2cf0ff0643e23d13658114fbf3a7e76753559755
signature Signed by PGP key B5690EEEBB952194

fix(web): keep chat banners inside the lane beside the docked details card (#17094)

Co-authored-by: macodev00 <macodev00@users.noreply.github.com>

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

apps/web/src/components/ChatView.tsx+1-1
...@@ -11353,7 +11353,7 @@ export default function ChatView(props: ChatViewProps) {...@@ -11353,7 +11353,7 @@ export default function ChatView(props: ChatViewProps) {
11353 </div>11353 </div>
11354 ) : null}11354 ) : null}
11355 {/* Banners overlay the timeline without changing its content height. */}11355 {/* Banners overlay the timeline without changing its content height. */}
11356 <div className="pointer-events-none absolute inset-x-0 top-0 z-20 flex flex-col">11356 <div className="chat-banner-lane pointer-events-none absolute top-0 z-20 flex flex-col">
11357 <ProviderStatusBanner11357 <ProviderStatusBanner
11358 status={visibleProviderStatus}11358 status={visibleProviderStatus}
11359 onDismiss={() => setDismissedProviderStatusBannerKey(providerStatusBannerKey)}11359 onDismiss={() => setDismissedProviderStatusBannerKey(providerStatusBannerKey)}
apps/web/src/index.css+2-1
...@@ -2337,7 +2337,8 @@ code {...@@ -2337,7 +2337,8 @@ code {
2337 0.75rem + var(--chat-lane-inset-end, 0px) - var(--chat-timeline-gutter, 0px)2337 0.75rem + var(--chat-lane-inset-end, 0px) - var(--chat-timeline-gutter, 0px)
2338 );2338 );
2339 }2339 }
2340 .chat-scroll-to-bottom {2340 .chat-scroll-to-bottom,
2341 .chat-banner-lane {
2341 inset-inline-start: var(--chat-lane-inset-start, 0px);2342 inset-inline-start: var(--chat-lane-inset-start, 0px);
2342 inset-inline-end: var(--chat-lane-inset-end, 0px);2343 inset-inline-end: var(--chat-lane-inset-end, 0px);
2343 }2344 }