fix: add z-index to context menu (#213)

whatGUI · web-flow · commit 40228387c32b · 2024-12-27T21:10:53.000+08:00
add z-index to the context menu to avoid being obstructed by the nav bar
diff --git a/src/pages/home/folder/context-menu.tsx b/src/pages/home/folder/context-menu.tsx
@@ -40,6 +40,7 @@ export const ContextMenu = () => {
       id={1}
       animation="scale"
       theme={colorMode() !== "dark" ? "light" : "dark"}
+      style="z-index: var(--hope-zIndices-popover)"
     >
       <For each={["rename", "move", "copy", "delete"]}>
         {(name) => (

Original file line number	Diff line number	Diff line change
`@@ -40,6 +40,7 @@ export const ContextMenu = () => {`
`40`	`40`	`id={1}`
`41`	`41`	`animation="scale"`
`42`	`42`	`theme={colorMode() !== "dark" ? "light" : "dark"}`
	`43`	`+ style="z-index: var(--hope-zIndices-popover)"`
`43`	`44`	`>`
`44`	`45`	`<For each={["rename", "move", "copy", "delete"]}>`
`45`	`46`	`{(name) => (`