fixed side menu being non-interactive when closed and not on mobile

src/navigation/BottomNavigator.tsx

@@ -151,13 +151,13 @@ export default function BottomNavigator(props: Props) {
             value="jobsites"
           />
         )}
-        {isMiVent && (
+        {/* {isMiVent && (
           <BottomNavigationAction
             label="Ventilation"
             icon={<VentilationIcon type="light" />}
             value="ventilation"
           />
-        )}
+        )} */}
 
         {isBXT() && user.hasFeature("security") && (
           <BottomNavigationAction label="Security" icon={<Security />} value="security" />

src/navigation/SideNavigator.tsx

@@ -17,7 +17,7 @@ import {
   useTheme 
 } from "@mui/material";
 import classNames from "classnames";
-import { useWidth } from "../hooks/useWidth";
+import { useMobile, useWidth } from "../hooks/useWidth";
 import { makeStyles } from "@mui/styles";
 import BindaptIcon from "../products/Bindapt/BindaptIcon";
 import { useLocation, useNavigate } from "react-router-dom";
@@ -64,7 +64,6 @@ const useStyles = makeStyles((theme: Theme) => ({
     })
   },
   sideMenuOnClosed: {
-    pointerEvents: "none",
     transition: theme.transitions.create(["width", "z-index", "opacity"], {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.leavingScreen
@@ -119,6 +118,7 @@ export default function SideNavigator(props: Props) {
   const classes = useStyles();
   const location = useLocation();
   const [{ user }] = useGlobalState()
+  const isMobile = useMobile();
 
   const navigate = useNavigate();
 
@@ -397,6 +397,7 @@ export default function SideNavigator(props: Props) {
       open={open}
       onOpen={onOpen}
       onClose={onClose}
+      sx={{ pointerEvents: isMobile&&!open ? "none" : "auto"}}
     >
       <Toolbar >
         <Grid container direction="row" justifyContent={"flex-end"}>