mukeshs/twenty_crm
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Command menu mobile - Prevent overflow on navigation bar (#11480)

Browse Source 
Fix https://github.com/twentyhq/twenty/issues/11413
This commit is contained in:
Thomas Trompette
2025-04-09 17:16:46 +02:00
committed by GitHub
parent 025e50645d
commit 5d9cd257ae
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/twenty-front/src/modules/command-menu/components/CommandMenuList.tsx
View File

@ -43,6 +43,10 @@ const StyledInnerList = styled.div`
} }
`; `;
const StyledCommandMenuList = styled.div`
overflow-y: hidden;
`;
const StyledEmpty = styled.div` const StyledEmpty = styled.div`
align-items: center; align-items: center;
color: ${({ theme }) => theme.font.color.light}; color: ${({ theme }) => theme.font.color.light};
@ -68,7 +72,7 @@ export const CommandMenuList = ({
); );
return ( return (
<> <StyledCommandMenuList>
<CommandMenuDefaultSelectionEffect <CommandMenuDefaultSelectionEffect
selectableItemIds={selectableItemIds} selectableItemIds={selectableItemIds}
/> />
@ -104,6 +108,6 @@ export const CommandMenuList = ({
</SelectableList> </SelectableList>
</StyledInnerList> </StyledInnerList>
</ScrollWrapper> </ScrollWrapper>
</> </StyledCommandMenuList>
); );
}; };

1
packages/twenty-ui/src/navigation/menu-item/components/MenuItemCommand.tsx
View File

@ -78,6 +78,7 @@ const StyledTextContainer = styled.div`
display: flex; display: flex;
flex-direction: row; flex-direction: row;
max-width: calc(100% - 2 * var(--horizontal-padding)); max-width: calc(100% - 2 * var(--horizontal-padding));
overflow: hidden;
`; `;
export type MenuItemCommandProps = { export type MenuItemCommandProps = {