Merge pull request #21 from mwmbl/completions-z-order

xynydev · web-flow · commit 2a35578753fd · 2025-01-04T16:13:39.000+02:00
fix: put the search completion box clearly on top of stuff below it
diff --git a/src/lib/components/custom/search/SearchBar.svelte b/src/lib/components/custom/search/SearchBar.svelte
@@ -82,7 +82,7 @@
 	{/if}
 
 	<Card.Root
-		class={'absolute top-12 flex w-[calc(100%)] rounded-b-2xl rounded-t-none border-none' +
+		class={'absolute top-12 z-10 flex w-[calc(100%)] rounded-b-2xl rounded-t-none border-none shadow' +
 			(completionsExist ? ' px-4 pb-4 pt-2' : '')}
 	>
 		<ol>

Original file line number	Diff line number	Diff line change
`@@ -82,7 +82,7 @@`
`82`	`82`	`{/if}`
`83`	`83`
`84`	`84`	`<Card.Root`
`85`		`- class={'absolute top-12 flex w-[calc(100%)] rounded-b-2xl rounded-t-none border-none' +`
	`85`	`+ class={'absolute top-12 z-10 flex w-[calc(100%)] rounded-b-2xl rounded-t-none border-none shadow' +`
`86`	`86`	`(completionsExist ? ' px-4 pb-4 pt-2' : '')}`
`87`	`87`	`>`
`88`	`88`	`<ol>`