From 3c16616c361b9dadc6ef21e81c8a589e8495b55c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nuno=20G=C3=B3is?= Date: Fri, 3 Jan 2025 11:10:38 +0000 Subject: [PATCH] chore: improve group projects tooltip behavior (#9054) https://linear.app/unleash/issue/2-3111/improve-group-card-projects-tooltip Slight improvement to the group card projects tooltip. This handles very long project names a little bit better by allowing them to break into new lines. ![image](https://github.com/user-attachments/assets/8f30e729-7877-463b-8e1e-d05934396827) --- .../component/admin/groups/GroupsList/GroupCard/GroupCard.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCard.tsx b/frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCard.tsx index a3028c640e..f66d0e8821 100644 --- a/frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCard.tsx +++ b/frontend/src/component/admin/groups/GroupsList/GroupCard/GroupCard.tsx @@ -116,10 +116,12 @@ const StyledProjectsTooltip = styled(Box)(({ theme }) => ({ display: 'flex', flexDirection: 'column', gap: theme.spacing(1), + maxWidth: theme.spacing(25), })); const StyledProjectBadge = styled(Badge)({ cursor: 'pointer', + overflowWrap: 'anywhere', }); interface IGroupCardProps {