brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed side menu bug where you could click it while it was closed

Browse source
This commit is contained in:
Carter 2025-09-25 13:24:21 -06:00
parent ac108cfad6
commit 274ca2ea40
1 changed files with 14 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/navigation/SideNavigator.tsx
View file

@ -70,19 +70,26 @@ const useStyles = makeStyles((theme: Theme) => ({
}) })
}, },
sideMenuOnClosed: { sideMenuOnClosed: {
transition: theme.transitions.create(["width", "z-index", "opacity"], { transition: theme.transitions.create(["width"], {
easing: theme.transitions.easing.sharp, easing: theme.transitions.easing.sharp,
duration: theme.transitions.duration.leavingScreen duration: theme.transitions.duration.leavingScreen
}), }),
overflowX: "hidden", // overflowX: "hidden",
width: theme.spacing(7), width: theme.spacing(0),
zIndex: theme.zIndex.drawer, // zIndex: theme.zIndex.drawer,
opacity: 0, // opacity: 0,
[theme.breakpoints.up("md")]: { [theme.breakpoints.up("md")]: {
width: theme.spacing(9), width: theme.spacing(9.25),
opacity: 1 opacity: 1
} }
}, },
sideMenuOnClosedMobile: {
transition: theme.transitions.create(["width"], {
easing: theme.transitions.easing.sharp,
duration: theme.transitions.duration.leavingScreen
}),
width: theme.spacing(0),
},
list: { list: {
paddingTop: 0 paddingTop: 0
}, },
@ -504,7 +511,7 @@ export default function SideNavigator(props: Props) {
classes={{ classes={{
paper: classNames( paper: classNames(
classes.sideMenu, classes.sideMenu,
open ? classes.sideMenuOpened : classes.sideMenuOnClosed open ? classes.sideMenuOpened : (isMobile ? classes.sideMenuOnClosedMobile : classes.sideMenuOnClosed)
) )
}} }}
anchor="left" anchor="left"