From 3cbd3427a1400a45fee09930b26cb8ca1698ec6f Mon Sep 17 00:00:00 2001 From: Guillim Date: Tue, 10 Jun 2025 10:03:04 +0200 Subject: [PATCH] chip-count-black-mode (#12505) ![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 --- .../ui/layout/expandable-list/components/ExpandableList.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx index 1999bf951..f4579da66 100644 --- a/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx +++ b/packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx @@ -4,9 +4,9 @@ import { ReactElement, useCallback, useEffect, useRef, useState } from 'react'; import { ExpandedListDropdown } from '@/ui/layout/expandable-list/components/ExpandedListDropdown'; import { isFirstOverflowingChildElement } from '@/ui/layout/expandable-list/utils/isFirstOverflowingChildElement'; import { isDefined } from 'twenty-shared/utils'; -import { AnimatedContainer } from 'twenty-ui/utilities'; import { ChipSize } from 'twenty-ui/components'; import { OverflowingTextWithTooltip } from 'twenty-ui/display'; +import { AnimatedContainer } from 'twenty-ui/utilities'; const StyledContainer = styled.div` align-items: center; @@ -37,6 +37,7 @@ const StyledChildContainer = styled.div` `; const StyledUnShrinkableContainer = styled.div` + color: ${({ theme }) => theme.font.color.primary}; flex-shrink: 0; `;