snowspeeder/pi-web
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: contain chat overlay stacking

Browse Source
This commit is contained in:
Federico Jaramillo Martinez
2026-06-01 18:09:49 +02:00
parent 1a5c60da49
commit 6c094af917
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/contain-chat-overlay-z-index.md
+5
View File
@@ -0,0 +1,5 @@
---
"@jmfederico/pi-web": patch
---
Keep slash command autocomplete visible above the chat status indicator.
src/client/src/components/shared.ts
+2 -2
View File
@@ -270,7 +270,7 @@ export const listStyles = css`
`; `;
export const chatStyles = css` export const chatStyles = css`
:host { display: flex; flex-direction: column; min-height: 0; overflow: hidden; color: var(--pi-text); font: 14px system-ui, sans-serif; } :host { position: relative; z-index: 0; display: flex; flex-direction: column; min-height: 0; overflow: hidden; color: var(--pi-text); font: 14px system-ui, sans-serif; }
.chat-wrap { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; } .chat-wrap { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.chat { height: 100%; min-height: 0; overflow: auto; overflow-anchor: none; padding: 26px 16px 64px; box-sizing: border-box; } .chat { height: 100%; min-height: 0; overflow: auto; overflow-anchor: none; padding: 26px 16px 64px; box-sizing: border-box; }
.scroll-marker { display: block; height: 0; overflow: hidden; pointer-events: none; } .scroll-marker { display: block; height: 0; overflow: hidden; pointer-events: none; }
@@ -447,7 +447,7 @@ export const actionPaletteStyles = css`
`; `;
export const promptEditorStyles = css` export const promptEditorStyles = css`
:host { position: relative; z-index: 30; display: block; color: var(--pi-text); font: 14px system-ui, sans-serif; } :host { position: relative; z-index: 5; display: block; color: var(--pi-text); font: 14px system-ui, sans-serif; }
footer { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 12px; border-top: 1px solid var(--pi-border); } footer { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 12px; border-top: 1px solid var(--pi-border); }
footer.shell-mode { border-top-color: var(--pi-success); background: var(--pi-success-bg); } footer.shell-mode { border-top-color: var(--pi-success); background: var(--pi-success-bg); }
.editor-wrap { position: relative; min-width: 0; } .editor-wrap { position: relative; min-width: 0; }