vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

Reduce height by wrapping into 2 columns
Some checks failed
continuous-integration/drone/pr Build is failing
Details

Browse Source
This commit is contained in:
Jakob Reiter 2023-12-21 11:15:09 +01:00
parent faa2afd87c
commit 41665f5b8f
1 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/views/tasks/ShowTasks.vue
View File

@ -3,20 +3,24 @@
<h3 class="mb-2 title"> <h3 class="mb-2 title">
{{ pageTitle }} {{ pageTitle }}
</h3> </h3>
<p v-if="!showAll" class="show-tasks-options section-card"> <p v-if="!showAll" class="show-tasks-options section-card columns">
<datepicker-with-range @update:model-value="setDate"> <div class="column">
<template #trigger="{toggle}"> <datepicker-with-range @update:model-value="setDate">
<x-button @click.prevent.stop="toggle()" variant="primary" :shadow="false" class="mb-2"> <template #trigger="{toggle}">
{{ $t('task.show.select') }} <x-button @click.prevent.stop="toggle()" variant="primary" :shadow="false" class="mb-2">
</x-button> {{ $t('task.show.select') }}
</template> </x-button>
</datepicker-with-range> </template>
<fancycheckbox @update:model-value="setShowNulls" :model-value="showNulls" class="mr-2"> </datepicker-with-range>
{{ $t('task.show.noDates') }} </div>
</fancycheckbox> <div class="column">
<fancycheckbox @update:model-value="setShowOverdue" :model-value="showOverdue"> <fancycheckbox @update:model-value="setShowNulls" :model-value="showNulls" class="mr-2">
{{ $t('task.show.overdue') }} {{ $t('task.show.noDates') }}
</fancycheckbox> </fancycheckbox>
<fancycheckbox @update:model-value="setShowOverdue" :model-value="showOverdue">
{{ $t('task.show.overdue') }}
</fancycheckbox>
</div>
</p> </p>
<template v-if="!loading && (!tasks || tasks.length === 0) && showNothingToDo"> <template v-if="!loading && (!tasks || tasks.length === 0) && showNothingToDo">
<h3 class="has-text-centered mt-6">{{ $t('task.show.noTasks') }}</h3> <h3 class="has-text-centered mt-6">{{ $t('task.show.noTasks') }}</h3>
@ -213,6 +217,7 @@ watchEffect(() => setTitle(pageTitle.value))
.show-tasks-options { .show-tasks-options {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-flow: row wrap;
} }
.llama-cool { .llama-cool {