3185 / Fix NavigationDrawer Overflow (#3187)
* fix side nav for short viewports * remove uneeded justify-content in leu of overflow-y addition * undo last commit to leave justify-content in for submenus * move overflow-y to StyledContainer * move overflow-y to items container * remove problematic overflow to allow scrollable nav sections
This commit is contained in:
@ -10,7 +10,6 @@ import { Avatar } from '@/users/components/Avatar';
|
|||||||
import { useFavorites } from '../hooks/useFavorites';
|
import { useFavorites } from '../hooks/useFavorites';
|
||||||
|
|
||||||
const StyledContainer = styled(NavigationDrawerSection)`
|
const StyledContainer = styled(NavigationDrawerSection)`
|
||||||
overflow-x: auto;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|||||||
@ -54,6 +54,7 @@ const StyledItemsContainer = styled.div`
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: ${({ theme }) => theme.spacing(8)};
|
gap: ${({ theme }) => theme.spacing(8)};
|
||||||
margin-bottom: auto;
|
margin-bottom: auto;
|
||||||
|
overflow-y: auto;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export const NavigationDrawer = ({
|
export const NavigationDrawer = ({
|
||||||
|
|||||||
Reference in New Issue
Block a user