Merged branch bugfix/background-of-popups into develop

horia141 · Jun 16, 2024 · 8eeb2cf · 8eeb2cf
1 parent 6d583d9
commit 8eeb2cf
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/webui/app/components/infra/section-actions.tsx b/src/webui/app/components/infra/section-actions.tsx
@@ -15,6 +15,7 @@ import {
   Paper,
   Popper,
   Stack,
+  useTheme,
 } from "@mui/material";
 import { Link } from "@remix-run/react";
 import React, { useState } from "react";
@@ -289,6 +290,7 @@ function NavMultipleCompactView(props: NavMultipleViewProps) {
   const [open, setOpen] = useState(false);
   const anchorRef = React.useRef<HTMLDivElement>(null);
   const [selectedIndex, setSelectedIndex] = React.useState(1);
+  const theme = useTheme();
 
   const realActions: NavSingleDesc[] = [];
   for (const action of props.action.navs) {
@@ -345,7 +347,8 @@ function NavMultipleCompactView(props: NavMultipleViewProps) {
       </ButtonGroup>
       <Popper
         sx={{
-          zIndex: 20000,
+          zIndex: theme.zIndex.appBar + 1,
+          backgroundColor: theme.palette.background.paper
         }}
         open={open}
         anchorEl={anchorRef.current}