From 6ec8a5b76e2768f3f6edd20a86823b486e6fcae5 Mon Sep 17 00:00:00 2001 From: Hitarth Sheth <133380930+Hitarthsheth07@users.noreply.github.com> Date: Fri, 8 Nov 2024 11:22:18 -0500 Subject: [PATCH] [FIX] slash-menu-height-fix (#8327) FIX #8326 I've used the `height: fit-content` property just for customSlashMenu but I think it will work for all dropdown menu's. I tested it for a few and works fine, but not sure for edge cases. Let me know if the height should be changed to `fir-content` ![image](https://github.com/user-attachments/assets/dacbedb5-08e0-4d08-8952-21d8b9de1176) --------- Co-authored-by: Lucas Bordeau --- .../src/modules/ui/layout/dropdown/components/DropdownMenu.tsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenu.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenu.tsx index 9de37aff9871..03937c7fd37d 100644 --- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenu.tsx +++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenu.tsx @@ -18,12 +18,11 @@ const StyledDropdownMenu = styled.div<{ border: ${({ disableBorder, theme }) => disableBorder ? 'none' : `1px solid ${theme.border.color.medium}`}; border-radius: ${({ theme }) => theme.border.radius.md}; - box-shadow: ${({ theme }) => theme.boxShadow.strong}; display: flex; - height: auto; + height: fit-content; flex-direction: column; z-index: 30;