fix(desktop): mask text behind sticky user messages

This commit is contained in:
brooklyn!
2026-09-09 21:37:34 -07:00
parent bbe212de9b
commit e7c819a7e1
2 changed files with 15 additions and 1 deletions
@@ -42,6 +42,7 @@ export function StickyHumanMessageContainer({
<>
<div
className="group/user-message sticky z-40 -mx-4 flex w-[calc(100%+2rem)] min-w-0 max-w-none flex-col items-stretch gap-0 self-end overflow-visible bg-(--ui-chat-surface-background) px-4 pb-(--conversation-turn-gap) pt-1"
data-glass-opaque=""
data-message-id={messageId}
data-role="user"
data-slot="aui_user-message-root"
+14 -1
View File
@@ -1560,7 +1560,20 @@ body.guest-pointer-lock :is(webview, iframe) {
}
[data-slot='aui_user-message-root'] {
top: var(--sticky-human-top);
--sticky-human-offset: calc(var(--sticky-human-top) + 1px);
top: var(--sticky-human-offset);
}
/* Cover the gap above the floating bubble with the thread's solid surface. */
[data-slot='aui_user-message-root']::before {
content: '';
position: absolute;
z-index: -1;
inset-inline: 0;
top: calc(-1 * var(--sticky-human-offset));
height: calc(var(--sticky-human-offset) + 1rem);
pointer-events: none;
background: var(--ui-chat-surface-background);
}
[data-slot='aui_user-message-root'],