From 36bec4ed8b1bc26b65bd0f2ae408cb49aa2d2bc3 Mon Sep 17 00:00:00 2001 From: Murali Singh <68021313+muraliSingh7@users.noreply.github.com> Date: Fri, 27 Dec 2024 23:02:04 +0530 Subject: [PATCH] Fix: Make DropdownMenuSeparator background transparent based on theme (#9037) This PR addresses issue #8993 by updating the `DropdownMenuSeparator` to adjust its background color based on the current theme. --------- Co-authored-by: guillim Co-authored-by: Lucas Bordeau --- .../ui/layout/dropdown/components/DropdownMenuSeparator.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSeparator.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSeparator.tsx index f2599f103c48..77fe462a93f0 100644 --- a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSeparator.tsx +++ b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSeparator.tsx @@ -1,9 +1,11 @@ import styled from '@emotion/styled'; const StyledDropdownMenuSeparator = styled.div` - background-color: ${({ theme }) => theme.border.color.light}; + background-color: ${({ theme }) => + theme.name === 'dark' + ? theme.background.transparent.light + : theme.border.color.light}; min-height: 1px; - width: 100%; `;