From edaead1d8f79437e7bf8b90cbc12c30c79515dac Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 21 Jul 2022 00:15:17 +0200
Subject: [PATCH] fix: handle bar styling so they can actually be used

---
 src/components/tasks/gantt-chart.vue | 26 ++++++--------------------
 1 file changed, 6 insertions(+), 20 deletions(-)

diff --git a/src/components/tasks/gantt-chart.vue b/src/components/tasks/gantt-chart.vue
index ff06a76e..af863c0b 100644
--- a/src/components/tasks/gantt-chart.vue
+++ b/src/components/tasks/gantt-chart.vue
@@ -121,7 +121,7 @@ function mapGanttBars() {
 			style: {
 				color: t.startDate ? (colorIsDark(t.getHexColor()) ? black : 'white') : black,
 				backgroundColor: t.startDate ? t.getHexColor() : 'var(--grey-100)',
-				border: t.startDate ? '': '2px dashed var(--grey-300)',
+				border: t.startDate ? '' : '2px dashed var(--grey-300)',
 			},
 		},
 	}]))
@@ -291,21 +291,11 @@ function dayIsToday(label: string): boolean {
 
 	&-handle-left,
 	&-handle-right {
-		width: 8px !important;
-		height: 8px !important;
-		top: 50% !important;
-		transform: translateY(-50%);
-		background: var(--white);
-		border: 1px solid var(--grey-900);
-		opacity: 1 !important;
-	}
-
-	&-handle-left {
-		margin-left: -4px;
-	}
-
-	&-handle-right {
-		margin-right: -4px;
+		width: 6px !important;
+		height: 75% !important;
+		opacity: .75 !important;
+		border-radius: $radius !important;
+		margin-top: 4px;
 	}
 }
 </style>
@@ -313,10 +303,6 @@ function dayIsToday(label: string): boolean {
 <style scoped lang="scss">
 .gantt-container {
 	overflow-x: auto;
-
-	#g-gantt-chart {
-		width: 2000px;
-	}
 }
 
 .add-new-task {