From 198f825b8670109902c8fc8977cf53b3ea6f6c0d Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Wed, 19 Oct 2022 15:18:54 +0200
Subject: [PATCH] feat: remove gantt-chart wrapper

---
 src/components/tasks/gantt-chart.vue | 60 ++++++++++++++--------------
 1 file changed, 29 insertions(+), 31 deletions(-)

diff --git a/src/components/tasks/gantt-chart.vue b/src/components/tasks/gantt-chart.vue
index d39a23c3e..47c82ce89 100644
--- a/src/components/tasks/gantt-chart.vue
+++ b/src/components/tasks/gantt-chart.vue
@@ -1,33 +1,32 @@
 <template>
-	<div>
-		<Loading
-			v-if="props.isLoading && tasks.size || dayjsLanguageLoading"
-			class="gantt-container"
-		/>
-		<div class="gantt-container" v-else>
-			<GGanttChart
-				:date-format="DAYJS_ISO_DATE_FORMAT"
-				:chart-start="isoToKebabDate(filters.dateFrom)"
-				:chart-end="isoToKebabDate(filters.dateTo)"
-				precision="day"
-				bar-start="startDate"
-				bar-end="endDate"
-				:grid="true"
-				@dragend-bar="updateGanttTask"
-				@dblclick-bar="openTask"
-				:width="ganttChartWidth + 'px'"
-			>
-				<template #timeunit="{label, value}">
-					<div
-						class="timeunit-wrapper"
-						:class="{'today': dayIsToday(label)}"
-					>
-						<span>{{ value }}</span>
-						<span class="weekday">
-							{{ weekdayFromTimeLabel(label) }}
-						</span>
-					</div>
-				</template>
+	<Loading
+		v-if="props.isLoading && tasks.size || dayjsLanguageLoading"
+		class="gantt-container"
+	/>
+	<div class="gantt-container" v-else>
+		<GGanttChart
+			:date-format="DAYJS_ISO_DATE_FORMAT"
+			:chart-start="isoToKebabDate(filters.dateFrom)"
+			:chart-end="isoToKebabDate(filters.dateTo)"
+			precision="day"
+			bar-start="startDate"
+			bar-end="endDate"
+			:grid="true"
+			@dragend-bar="updateGanttTask"
+			@dblclick-bar="openTask"
+			:width="ganttChartWidth + 'px'"
+		>
+			<template #timeunit="{label, value}">
+				<div
+					class="timeunit-wrapper"
+					:class="{'today': dayIsToday(label)}"
+				>
+					<span>{{ value }}</span>
+					<span class="weekday">
+						{{ weekdayFromTimeLabel(label) }}
+					</span>
+				</div>
+			</template>
 			<GGanttRow
 				v-for="(bar, k) in ganttBars"
 				:key="k"
@@ -35,7 +34,6 @@
 				:bars="bar"
 			/>
 		</GGanttChart>
-		</div>
 	</div>
 </template>
 
@@ -183,7 +181,7 @@ function dayIsToday(label: string): boolean {
 <style lang="scss">
 // Not scoped because we need to style the elements inside the gantt chart component
 .g-gantt-chart {
-	width: 2000px;
+	width: max-content;
 }
 
 .g-gantt-row-label {