local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat(task wizard): styling

Browse source
This commit is contained in:
kolaente 2022-09-22 18:59:21 +02:00
parent 070b629fb6
commit 8c61d99393
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/views/tasks/CreateTask.vue
View file

@ -30,16 +30,16 @@
:preview-is-default="false" :preview-is-default="false"
class="m-4" class="m-4"
/> />
<div class="px-4 pb-4"> <div class="px-4 pb-4 task-attributes">
<Datepicker <Datepicker
v-model="newTask.dueDate" v-model="newTask.dueDate"
v-slot="{ date, openPopup }" v-slot="{ date, openPopup }"
> >
<XButton variant="secondary" @click.stop="openPopup()"> <XButton variant="secondary" @click.stop="openPopup()" class="datepicker-button">
{{ date ? formatDateShort(date) : t('task.attributes.dueDate') }} {{ date ? formatDateShort(date) : t('task.attributes.dueDate') }}
</XButton> </XButton>
</Datepicker> </Datepicker>
<div> <div class="is-flex pl-2">
<span <span
v-for="label in realLabels" v-for="label in realLabels"
:style="{'background': label.hexColor, 'color': label.textColor}" :style="{'background': label.hexColor, 'color': label.textColor}"
@ -144,7 +144,7 @@ async function create() {
await store.dispatch('tasks/addLabelsToTask', { await store.dispatch('tasks/addLabelsToTask', {
task, task,
parsedLabels: labels, parsedLabels: labels.value,
}) })
return router.push({name: 'task.detail', params: {id: task.id}}) return router.push({name: 'task.detail', params: {id: task.id}})
@ -165,4 +165,14 @@ async function create() {
width: 100%; width: 100%;
text-align: left; text-align: left;
} }
.datepicker-button {
white-space: nowrap;
}
.task-attributes {
display: flex;
align-items: center;
overflow-y: auto;
}
</style> </style>