fix zoom popup being overlapped by editor scrollbars

aquaductape · Milo · commit eb69972810a0 · 2024-03-24T23:07:51.000-04:00
diff --git a/packages/playground/src/components/header.tsx b/packages/playground/src/components/header.tsx
@@ -41,7 +41,7 @@ export const Header: ParentComponent<{
   }
 
   return (
-    <header class="dark:bg-solid-darkbg border-b-2px sticky top-0 z-10 flex items-center gap-x-4 border-slate-200 bg-white p-1 px-2 text-sm dark:border-neutral-800">
+    <header class="dark:bg-solid-darkbg border-b-2px z-12 sticky top-0 flex items-center gap-x-4 border-slate-200 bg-white p-1 px-2 text-sm dark:border-neutral-800">
       <A href="/">
         <img src={logo} alt="solid-js logo" class="w-8" />
       </A>

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,7 @@ export const Header: ParentComponent<{`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`return (`
`44`		`- <header class="dark:bg-solid-darkbg border-b-2px sticky top-0 z-10 flex items-center gap-x-4 border-slate-200 bg-white p-1 px-2 text-sm dark:border-neutral-800">`
	`44`	`+ <header class="dark:bg-solid-darkbg border-b-2px z-12 sticky top-0 flex items-center gap-x-4 border-slate-200 bg-white p-1 px-2 text-sm dark:border-neutral-800">`
`45`	`45`	`<A href="/">`
`46`	`46`	`<img src={logo} alt="solid-js logo" class="w-8" />`
`47`	`47`	`</A>`