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

chip-count-black-mode (#12505)

Browse Source 
![image](https://github.com/user-attachments/assets/01b4576d-2409-4bf0-8fa7-bd39ad00ded5)

Add chip count display for black mode in participant chips.

Improves visual clarity for participant lists in calendar events.

Fix https://github.com/twentyhq/twenty/issues/12473
This commit is contained in:
Guillim
2025-06-10 10:03:04 +02:00
committed by GitHub
parent 7f19111e57
commit 3cbd3427a1
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx
View File

@ -4,9 +4,9 @@ import { ReactElement, useCallback, useEffect, useRef, useState } from 'react';
import { ExpandedListDropdown } from '@/ui/layout/expandable-list/components/ExpandedListDropdown'; import { ExpandedListDropdown } from '@/ui/layout/expandable-list/components/ExpandedListDropdown';
import { isFirstOverflowingChildElement } from '@/ui/layout/expandable-list/utils/isFirstOverflowingChildElement'; import { isFirstOverflowingChildElement } from '@/ui/layout/expandable-list/utils/isFirstOverflowingChildElement';
import { isDefined } from 'twenty-shared/utils'; import { isDefined } from 'twenty-shared/utils';
import { AnimatedContainer } from 'twenty-ui/utilities';
import { ChipSize } from 'twenty-ui/components'; import { ChipSize } from 'twenty-ui/components';
import { OverflowingTextWithTooltip } from 'twenty-ui/display'; import { OverflowingTextWithTooltip } from 'twenty-ui/display';
import { AnimatedContainer } from 'twenty-ui/utilities';
const StyledContainer = styled.div` const StyledContainer = styled.div`
align-items: center; align-items: center;
@ -37,6 +37,7 @@ const StyledChildContainer = styled.div`
`; `;
const StyledUnShrinkableContainer = styled.div` const StyledUnShrinkableContainer = styled.div`
color: ${({ theme }) => theme.font.color.primary};
flex-shrink: 0; flex-shrink: 0;
`; `;