From 7567c2c0bcec66a3ebf0f5766d1e8df7b3f24b14 Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 25 Aug 2020 22:07:04 +0300 Subject: [PATCH] task list name overflow fix --- package.json | 2 +- src/components/task-list/task-list-table.module.css | 3 +++ src/components/task-list/task-list-table.tsx | 1 + 3 files changed, 5 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 8549457..f646d04 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "gantt-task-react", - "version": "0.1.4", + "version": "0.1.4.1", "description": "Interactive Gantt Chart for React with TypeScript.", "author": "MaTeMaTuK ", "homepage": "https://github.com/MaTeMaTuK/gantt-task-react", diff --git a/src/components/task-list/task-list-table.module.css b/src/components/task-list/task-list-table.module.css index 1556a1d..b1a753e 100644 --- a/src/components/task-list/task-list-table.module.css +++ b/src/components/task-list/task-list-table.module.css @@ -16,4 +16,7 @@ .taskListCell { display: table-cell; vertical-align: middle; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } diff --git a/src/components/task-list/task-list-table.tsx b/src/components/task-list/task-list-table.tsx index 0abdc55..24e0be6 100644 --- a/src/components/task-list/task-list-table.tsx +++ b/src/components/task-list/task-list-table.tsx @@ -37,6 +37,7 @@ export const TaskListTableDefault: React.FC<{ minWidth: rowWidth, maxWidth: rowWidth, }} + title={t.name} >  {t.name}