Removed horizontal scrollbar in menu (#159)

This commit is contained in:
Alex
2020-06-04 12:05:04 -05:00
committed by GitHub
parent 2d5d0d16ca
commit 4edfeb22c6
3 changed files with 74 additions and 73 deletions

File diff suppressed because one or more lines are too long

View File

@@ -133,6 +133,7 @@ const styles = (theme: Theme) =>
easing: theme.transitions.easing.sharp, easing: theme.transitions.easing.sharp,
duration: theme.transitions.duration.enteringScreen, duration: theme.transitions.duration.enteringScreen,
}), }),
overflowX: "hidden",
}, },
drawerPaperClose: { drawerPaperClose: {
overflowX: "hidden", overflowX: "hidden",

View File

@@ -326,7 +326,7 @@ const Menu = ({ userLoggedIn, classes, pages }: IMenuProps) => {
<img src={logo} alt="logo" /> <img src={logo} alt="logo" />
</div> </div>
<List className={classes.menuList}> <List className={classes.menuList}>
{menuGroups.map((groupMember) => { {menuGroups.map((groupMember, index) => {
const filterByGroup = (allowedItems || []).filter( const filterByGroup = (allowedItems || []).filter(
(item: any) => item.group === groupMember.group (item: any) => item.group === groupMember.group
); );
@@ -340,7 +340,7 @@ const Menu = ({ userLoggedIn, classes, pages }: IMenuProps) => {
} }
return ( return (
<React.Fragment> <React.Fragment key={`menuElem-${index.toString()}`}>
{groupMember.label !== "" && ( {groupMember.label !== "" && (
<ListItem <ListItem
className={classes.groupTitle} className={classes.groupTitle}