ami/tl-vikunja
1
0
Fork 0
Code

fix(kanban): make task creation loading spinner actually visible

Browse Source 
(cherry picked from commit 7e38a9f4428471492f5a654e39cc22507b4a77ba)
This commit is contained in:
kolaente 2024-09-12 14:33:44 +02:00
parent b01e531fb7
commit 4a40bdfe89
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/components/project/views/ProjectKanban.vue
View File

@ -547,6 +547,9 @@ async function updateTaskPosition(e) {
}
function toggleShowNewTaskInput(bucketId: IBucket['id']) {
if (loading.value || taskLoading.value) {
return
}
showNewTaskInput.value[bucketId] = !showNewTaskInput.value[bucketId]
newTaskInputFocused.value = false
}
@ -563,6 +566,7 @@ async function addTaskToBucket(bucketId: IBucket['id']) {
bucketId,
projectId: project.value.id,
})
toggleShowNewTaskInput(bucketId)
newTaskText.value = ''
kanbanStore.addTaskToBucket(task)
scrollTaskContainerToBottom(bucketId)
@ -767,6 +771,18 @@ function unCollapseBucket(bucket: IBucket) {
}
</script>
<style lang="scss" scoped>
.control.is-loading {
&::after {
top: 30%;
right: 50%;
transform: translate(-50%, 0);
--loader-border-color: var(--grey-500);
}
}
</style>
<style lang="scss">
$ease-out: all .3s cubic-bezier(0.23, 1, 0.32, 1);
$bucket-width: 300px;