ami/tl-vikunja
1
0
Fork 0
Code Activity

fix: remove precision setting

Browse Source
This commit is contained in:
kolaente
2022-08-02 14:09:29 +02:00
parent fd9d0ad155
commit 970a04d973
2 changed files with 34 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/views/list/ListGantt.vue
View File

@ -3,29 +3,16 @@
<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">
<flat-pickr
:config="flatPickerConfig"
class="input"
id="range"
:placeholder="$t('list.gantt.range')"
v-model="range"
/>
</div>
<div class="field">
<label class="label" for="range">{{ $t('list.gantt.range') }}</label>
<div class="control">
<flat-pickr
:config="flatPickerConfig"
class="input"
id="range"
:placeholder="$t('list.gantt.range')"
v-model="range"
/>
</div>
</div>
<fancycheckbox class="is-block" v-model="showTasksWithoutDates">
@ -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,46 +98,35 @@ const flatPickerConfig = computed(() => ({
flex-direction: column;
}
.range-picker {
display: flex;
margin-bottom: 1rem;
width: 50%;
.field {
margin-bottom: 0;
width: 33%;
@media screen and (max-width: $tablet) {
flex-direction: column;
width: 100%;
&:not(:last-child) {
padding-right: .5rem;
}
.field {
margin-bottom: 0;
width: 33%;
@media screen and (max-width: $tablet) {
width: 100%;
max-width: 100%;
margin-top: .5rem;
padding-right: 0 !important;
}
&:not(:last-child) {
padding-right: .5rem;
}
&, .input {
font-size: .8rem;
}
@media screen and (max-width: $tablet) {
width: 100%;
max-width: 100%;
margin-top: .5rem;
padding-right: 0 !important;
}
&, .input {
font-size: .8rem;
}
.select, .select select {
height: auto;
width: 100%;
font-size: .8rem;
}
.select, .select select {
height: auto;
width: 100%;
font-size: .8rem;
}
.label {
font-size: .9rem;
padding-left: .4rem;
}
.label {
font-size: .9rem;
padding-left: .4rem;
}
}
}