scottk/twenty
1
0
Fork 0
mirror of https://github.com/lingble/twenty.git synced 2025-11-03 06:07:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update backdrop-filter in OverlayBackground.ts (#4436)

Browse Source 
* Update backdrop-filter in OverlayBackground.ts

* Fix backdrop-filter in OverlayBackground.ts

* Update opacity of menu item, to be constantly 0

* Fixes

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Danil
2024-03-15 17:19:27 +01:00
committed by GitHub
parent 638a12c571
commit 235e71ca02
11 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenu.tsx
View File

@@ -4,8 +4,13 @@ const StyledDropdownMenu = styled.div<{
disableBlur?: boolean;
width?: `${string}px` | `${number}%` | 'auto' | number;
}>`
backdrop-filter: ${({ disableBlur }) => (disableBlur ? 'none' : 'blur(8px)')};
background: ${({ theme }) => theme.background.transparent.secondary};
backdrop-filter: ${({ disableBlur }) =>
disableBlur
? 'none'
: 'blur(12px) saturate(200%) contrast(50%) brightness(130%)'};
background: ${({ theme }) => theme.background.transparent.forBackdropFilter};
border: 1px solid ${({ theme }) => theme.border.color.medium};
border-radius: ${({ theme }) => theme.border.radius.md};