From 3c85516f77a259bac0c89eb8a4ea59c29994e230 Mon Sep 17 00:00:00 2001 From: Suhotra Dey <50608734+Lucifer4255@users.noreply.github.com> Date: Fri, 24 Jan 2025 15:03:46 +0530 Subject: [PATCH] fixed ellipsis for calendar events (#9823) Fixed Missing ellipsis for long calendar event names #5267 introducing width for the title Co-authored-by: Charles Bochet --- .../activities/calendar/components/CalendarEventRow.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx index cadf950a5..8fabec9d5 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventRow.tsx @@ -70,7 +70,10 @@ const StyledTime = styled.div` const StyledTitle = styled.div<{ active: boolean; canceled: boolean }>` flex: 1 0 auto; - + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: ${({ theme }) => theme.spacing(10)}; ${({ theme, active }) => active && css`