src/components/tasks/gantt-chart.vue

@@ -4,7 +4,7 @@
 		<g-gantt-chart
 			:chart-start="`${dateFrom} 00:00`"
 			:chart-end="`${dateTo} 23:59`"
-			:precision="precision"
+			precision="day"
 			bar-start="startDate"
 			bar-end="endDate"
 			:grid="true"
@@ -54,7 +54,7 @@
 </template>
 
 <script setup lang="ts">
-import {computed, nextTick, ref, watch, watchEffect} from 'vue'
+import {computed, nextTick, ref, watchEffect} from 'vue'
 import TaskCollectionService from '@/services/taskCollection'
 import TaskService from '@/services/task'
 import {format, parse} from 'date-fns'
@@ -75,10 +75,6 @@ const props = defineProps({
 		type: Number,
 		required: true,
 	},
-	precision: {
-		type: String,
-		default: 'day',
-	},
 	dateFrom: {
 		type: String,
 		required: true,

src/views/list/ListGantt.vue

@@ -3,18 +3,6 @@
 		<template #header>
 			<card>
 				<div class="gantt-options">
-					<div class="range-picker">
-						<div class="field">
-							<label class="label" for="precision">{{ $t('list.gantt.size') }}</label>
-							<div class="control">
-								<div class="select">
-									<select id="precision" v-model="precision">
-										<option value="day">{{ $t('list.gantt.day') }}</option>
-										<option value="month">{{ $t('list.gantt.month') }}</option>
-									</select>
-								</div>
-							</div>
-						</div>
 					<div class="field">
 						<label class="label" for="range">{{ $t('list.gantt.range') }}</label>
 						<div class="control">
@@ -27,7 +15,6 @@
 							/>
 						</div>
 					</div>
-					</div>
 					<fancycheckbox class="is-block" v-model="showTasksWithoutDates">
 						{{ $t('list.gantt.showTasksWithoutDates') }}
 					</fancycheckbox>
@@ -42,7 +29,6 @@
 					<gantt-chart
 						:date-from="dateFrom"
 						:date-to="dateTo"
-						:precision="precision"
 						:list-id="props.listId"
 						:show-tasks-without-dates="showTasksWithoutDates"
 					/>
@@ -73,7 +59,6 @@ const props = defineProps({
 })
 
 const showTasksWithoutDates = ref(false)
-const precision = ref('day')
 
 const now = new Date()
 const defaultFrom = format(new Date((new Date()).setDate(now.getDate() - 15)), 'yyyy-LL-dd')
@@ -113,16 +98,6 @@ const flatPickerConfig = computed(() => ({
 		flex-direction: column;
 	}
 
-	.range-picker {
-		display: flex;
-		margin-bottom: 1rem;
-		width: 50%;
-
-		@media screen and (max-width: $tablet) {
-			flex-direction: column;
-			width: 100%;
-		}
-
 	.field {
 		margin-bottom: 0;
 		width: 33%;
@@ -155,7 +130,6 @@ const flatPickerConfig = computed(() => ({
 		}
 	}
 }
-}
 
 // vue-draggable overwrites
 .vdr.active::before {