fix(desktop): mask text behind sticky user messages
This commit is contained in:
@@ -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"
|
||||
|
||||
@@ -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'],
|
||||
|
||||
Reference in New Issue
Block a user