From f3cbed8fec49fbf314b0b6005fa4c9d6275ddd82 Mon Sep 17 00:00:00 2001 From: Jordan Sussman <52428171+jordan-sussman@users.noreply.github.com> Date: Fri, 5 Jan 2024 02:25:28 -0800 Subject: [PATCH] 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 --- .../twenty-front/src/modules/favorites/components/Favorites.tsx | 1 - .../navigation/navigation-drawer/components/NavigationDrawer.tsx | 1 + 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/favorites/components/Favorites.tsx b/packages/twenty-front/src/modules/favorites/components/Favorites.tsx index 0feeb5785..c0dc98a04 100644 --- a/packages/twenty-front/src/modules/favorites/components/Favorites.tsx +++ b/packages/twenty-front/src/modules/favorites/components/Favorites.tsx @@ -10,7 +10,6 @@ import { Avatar } from '@/users/components/Avatar'; import { useFavorites } from '../hooks/useFavorites'; const StyledContainer = styled(NavigationDrawerSection)` - overflow-x: auto; width: 100%; `; diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx index 8fc0412b9..9eda443f5 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawer.tsx @@ -54,6 +54,7 @@ const StyledItemsContainer = styled.div` flex-direction: column; gap: ${({ theme }) => theme.spacing(8)}; margin-bottom: auto; + overflow-y: auto; `; export const NavigationDrawer = ({