fix(GoalTableList): overflow goal owner name

taskany-inc · Jul 30, 2024 · 24d928c · 24d928c
1 parent b0dc889
commit 24d928c
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 128 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -49,7 +49,7 @@
     "@sentry/nextjs": "7.99.0",
     "@tanstack/react-query": "4.29.5",
     "@tanstack/react-query-devtools": "4.29.6",
-    "@taskany/bricks": "5.40.3",
+    "@taskany/bricks": "5.41.1",
     "@taskany/colors": "1.13.0",
     "@taskany/icons": "2.0.7",
     "@tippyjs/react": "4.2.6",

diff --git a/src/components/GoalTableList/GoalTableList.module.css b/src/components/GoalTableList/GoalTableList.module.css
@@ -14,8 +14,7 @@
 }
 
 .Owner {
-    max-width: var(--table-cell-width);
-    white-space: nowrap;
+    max-width: calc(var(--table-cell-width) - var(--gap-m));
 }
 
 .RelativeTime {

diff --git a/src/components/GoalTableList/GoalTableList.tsx b/src/components/GoalTableList/GoalTableList.tsx
@@ -108,7 +108,14 @@ export const GoalTableList = <T extends NonNullable<DashboardGoal>>({
                     },
                     {
                         content: nullable(safeUserData(goal.owner), (user) => (
-                            <User className={s.Owner} name={user.name} src={user.image} email={user.email} />
+                            <User
+                                className={s.Owner}
+                                name={user.name}
+                                src={user.image}
+                                email={user.email}
+                                ellipsis
+                                title={user.name}
+                            />
                         )),
                         width: 172,
                         className: s.GoalTableColumnSecondary,