admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

#4976 fix dark mode for multi-select picker in activity target chips (#5111)

Browse Source 
#4976 - Fixed the dark mode for multi-select picker in
ActivityTargetChips.

Bug:

![image](https://github.com/twentyhq/twenty/assets/16918891/53f55bba-f692-4dc9-a6b6-440d4ff5b278)

Fix:


https://github.com/twentyhq/twenty/assets/16918891/8e72cd02-0956-468d-b898-a10313448f62

---------

Co-authored-by: Weiko <corentin@twenty.com>
This commit is contained in:
Orinami Olatunji
2024-04-23 10:46:05 +01:00
committed by GitHub
parent bd2a6cbbd3
commit 8f6460bec5
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/twenty-front/src/modules/activities/components/ActivityTargetChips.tsx
View File

@ -6,7 +6,6 @@ import { v4 } from 'uuid';
import { ActivityTargetWithTargetRecord } from '@/activities/types/ActivityTargetObject'; import { ActivityTargetWithTargetRecord } from '@/activities/types/ActivityTargetObject';
import { RecordChip } from '@/object-record/components/RecordChip'; import { RecordChip } from '@/object-record/components/RecordChip';
import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown'; import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
import { RGBA } from '@/ui/theme/constants/Rgba';
const MAX_RECORD_CHIPS_DISPLAY = 2; const MAX_RECORD_CHIPS_DISPLAY = 2;
@ -19,7 +18,7 @@ const StyledContainer = styled.div`
const StyledRelationsListContainer = styled(StyledContainer)` const StyledRelationsListContainer = styled(StyledContainer)`
padding: ${({ theme }) => theme.spacing(2)}; padding: ${({ theme }) => theme.spacing(2)};
border-radius: ${({ theme }) => theme.spacing(1)}; border-radius: ${({ theme }) => theme.spacing(1)};
background-color: ${({ theme }) => RGBA(theme.color.gray10, 0.8)}; background-color: ${({ theme }) => theme.background.secondary};
box-shadow: '0px 2px 4px ${({ theme }) => box-shadow: '0px 2px 4px ${({ theme }) =>
theme.boxShadow.light}, 2px 4px 16px ${({ theme }) => theme.boxShadow.light}, 2px 4px 16px ${({ theme }) =>
theme.boxShadow.strong}'; theme.boxShadow.strong}';