diff --git a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx index ecd8af8a3..4665483f8 100644 --- a/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx +++ b/packages/twenty-front/src/modules/object-metadata/components/NavigationDrawerSectionForObjectMetadataItems.tsx @@ -4,7 +4,6 @@ import { NavigationDrawerAnimatedCollapseWrapper } from '@/ui/navigation/navigat import { NavigationDrawerSection } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSection'; import { NavigationDrawerSectionTitle } from '@/ui/navigation/navigation-drawer/components/NavigationDrawerSectionTitle'; import { useNavigationSection } from '@/ui/navigation/navigation-drawer/hooks/useNavigationSection'; -import styled from '@emotion/styled'; import { useRecoilValue } from 'recoil'; const ORDERED_STANDARD_OBJECTS = [ @@ -15,15 +14,6 @@ const ORDERED_STANDARD_OBJECTS = [ 'note', ]; -const StyledObjectsMetaDataItemsWrapper = styled.div` - display: flex; - flex-direction: column; - gap: ${({ theme }) => theme.betweenSiblingsGap}; - width: 100%; - flex: 1; - overflow-y: auto; -`; - export const NavigationDrawerSectionForObjectMetadataItems = ({ sectionTitle, isRemote, @@ -77,15 +67,13 @@ export const NavigationDrawerSectionForObjectMetadataItems = ({ onClick={() => toggleNavigationSection()} /> - - {isNavigationSectionOpen && - objectMetadataItemsForNavigationItems.map((objectMetadataItem) => ( - - ))} - + {isNavigationSectionOpen && + objectMetadataItemsForNavigationItems.map((objectMetadataItem) => ( + + ))} ) ); diff --git a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSection.tsx b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSection.tsx index 4e3711716..c805d7b76 100644 --- a/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSection.tsx +++ b/packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerSection.tsx @@ -2,9 +2,6 @@ import styled from '@emotion/styled'; import { useIsMobile } from 'twenty-ui'; const StyledSection = styled.div` - display: flex; - flex-direction: column; - gap: ${({ theme }) => theme.betweenSiblingsGap}; width: 100%; margin-bottom: ${({ theme }) => theme.spacing(3)}; flex-shrink: 1; @@ -13,6 +10,9 @@ const StyledSection = styled.div` const StyledSectionInnerContainerMinusScrollPadding = styled.div<{ isMobile: boolean; }>` + display: flex; + flex-direction: column; + gap: ${({ theme }) => theme.betweenSiblingsGap}; width: calc( 100% - ${({ isMobile, theme }) => (isMobile ? 0 : theme.spacing(2))} );