From a44631098606de1210b513e98bc87f9a13b274db Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 23 Jun 2023 14:28:06 +0200
Subject: [PATCH] fix(task): break long task titles after 4 lines only

Resolves https://github.com/go-vikunja/frontend/issues/84
Resolves https://community.vikunja.io/t/text-wrap-on-lists/1441
---
 src/components/tasks/partials/singleTaskInProject.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/tasks/partials/singleTaskInProject.vue b/src/components/tasks/partials/singleTaskInProject.vue
index 52d644f20..98c5282a1 100644
--- a/src/components/tasks/partials/singleTaskInProject.vue
+++ b/src/components/tasks/partials/singleTaskInProject.vue
@@ -275,10 +275,15 @@ function hideDeferDueDatePopup(e) {
 
 	.tasktext,
 	&.tasktext {
-		white-space: nowrap;
 		text-overflow: ellipsis;
+		word-wrap: break-word;
+		word-break: break-word;
+		display: -webkit-box;
+		hyphens: auto;
+		-webkit-line-clamp: 4;
+		-webkit-box-orient: vertical;
 		overflow: hidden;
-		display: inline-block;
+		
 		flex: 1 0 50%;
 
 		.dueDate {