Merge pull request #840 from nextcloud/fix/834

Fix issues with very long task-titles
nextcloud · Jan 28, 2020 · c7f0c1d · c7f0c1d
2 parents 43db153 + 0dbba74
commit c7f0c1d
Showing 1 changed file with 13 additions and 14 deletions.
diff --git a/css/src/style.scss b/css/src/style.scss
@@ -468,14 +468,13 @@
 
 						.task-info {
 							display: flex;
-							flex: 1 1 auto;
+							flex-grow: 1;
 							cursor: pointer;
 							color: $gray_dark;
 							line-height: 16px;
 							margin: 0;
 							overflow: hidden;
 							position: relative;
-							text-overflow: ellipsis;
 							white-space: nowrap;
 
 							.title {
@@ -497,7 +496,7 @@
 
 							.categories-list {
 								padding: 11px;
-								overflow: hidden;
+								max-width: 50%;
 
 								.category {
 									overflow: hidden;
@@ -540,9 +539,7 @@
 
 						.task-body-icons {
 							display: flex;
-							max-width: 50%;
-							justify-content: flex-end;
-							overflow: hidden;
+							margin-left: auto;
 
 							&>div {
 								height: 44px;
@@ -698,13 +695,19 @@
 			.title-wrapper {
 				flex-grow: 1;
 
+				.title-text,
+				.expandable-container {
+					max-height: 110px;
+					overflow-y: hidden;
+					margin: 13px 0;
+					min-height: 24px;
+					width: 100%;
+					padding: 0 6px;
+				}
+
 				.title-text {
 					cursor: text;
 					display: inline-block;
-					width: 100%;
-					min-height: 24px;
-					margin: 13px 0;
-					padding: 0 6px;
 					line-height: 22px;
 					// this border is to adjust the size of the div to the size
 					// of the input field for editing the title
@@ -717,13 +720,9 @@
 				}
 
 				.expandable-container {
-					width: 100%;
 					border: 1px solid $gray;
-					padding: 0 6px;
 					display: none;
-					margin: 13px 0;
 					line-height: 24px;
-					min-height: 24px;
 
 					.expandingArea {
 						position: relative;