From 9f3eeffcce7b3131711d526bc737f3d2da7088b4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Catriel=20M=C3=BCller?= Date: Wed, 27 May 2026 20:51:05 -0300 Subject: [PATCH] fix: Omni Search Z-Index --- .../kilo-console/src/components/app-header/OmniSearch.tsx | 6 ++++++ packages/kilo-web-ui/src/styles/console-shell.css | 6 +++++- 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/packages/kilo-console/src/components/app-header/OmniSearch.tsx b/packages/kilo-console/src/components/app-header/OmniSearch.tsx index 47e24d7faea..328fd39ca89 100644 --- a/packages/kilo-console/src/components/app-header/OmniSearch.tsx +++ b/packages/kilo-console/src/components/app-header/OmniSearch.tsx @@ -131,6 +131,12 @@ export function OmniSearch() { const filtered = createMemo(() => entries().filter((item) => matches(item, term()))) const server = createMemo(() => query()?.url ?? fallback()) + createEffect(() => { + document.body.classList.toggle("omni-search-open", open()) + }) + + onCleanup(() => document.body.classList.remove("omni-search-open")) + function close() { setOpen(false) setTerm("") diff --git a/packages/kilo-web-ui/src/styles/console-shell.css b/packages/kilo-web-ui/src/styles/console-shell.css index 60c5dc9b914..277b00e1e64 100644 --- a/packages/kilo-web-ui/src/styles/console-shell.css +++ b/packages/kilo-web-ui/src/styles/console-shell.css @@ -29,6 +29,10 @@ backdrop-filter: none; } +.omni-search-open .kilo-console .app-header { + z-index: 10000; +} + .kilo-console .header-brand { grid-column: 1; display: inline-flex; @@ -116,7 +120,7 @@ position: fixed; top: calc((var(--app-header-height) - 2.5rem) / 2); left: 50%; - z-index: 80; + z-index: 10001; display: grid; grid-template-rows: auto auto auto; width: min(35rem, calc(100vw - 2rem));