ellipsis in task title, close #398

angrykoala · Jan 22, 2021 · 5907093 · 5907093
1 parent 6d969b0
commit 5907093
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,7 @@
 ===================
 
 * Fix problem with collapsible settings and task form
+* Adds ellipsis to task title if window is too narrow
 * Support for opening GitHub link in about modal
 
 0.10.0 / 2021-01-16

diff --git a/src/app/components/task/task_card.vue b/src/app/components/task/task_card.vue
@@ -219,6 +219,10 @@ module.exports = {
 
 .task-title {
     font-size: 18px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
     &.with-drag-handler {
         padding-left: 0;
     }