ami/tl-vikunja
1
0
Fork 0
Code Activity

feat(components): align component name casing fancycheckbox

Browse Source
This commit is contained in:
Dominik Pschenitschni
2024-06-15 14:11:06 +02:00
parent 5d2c731c59
commit 541f608d3c
17 changed files with 79 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/tasks/partials/relatedTasks.vue
View File

@ -120,7 +120,7 @@
class="task"
>
<div class="is-flex is-align-items-center">
<Fancycheckbox
<FancyCheckbox
v-model="task.done"
class="task-done-checkbox"
@update:modelValue="toggleTaskDone(t)"
@ -199,7 +199,7 @@ import TaskRelationModel from '@/models/taskRelation'
import CustomTransition from '@/components/misc/CustomTransition.vue'
import BaseButton from '@/components/base/BaseButton.vue'
import Multiselect from '@/components/input/Multiselect.vue'
import Fancycheckbox from '@/components/input/fancycheckbox.vue'
import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
import {error, success} from '@/message'
import {useTaskStore} from '@/stores/tasks'
@ -469,7 +469,7 @@ async function toggleTaskDone(task: ITask) {
padding: 0.5rem;
}
// FIXME: The height of the actual checkbox in the <Fancycheckbox/> component is too much resulting in a
// FIXME: The height of the actual checkbox in the <FancyCheckbox/> component is too much resulting in a
// weired positioning of the checkbox. Setting the height here is a workaround until we fix the styling
// of the component.
.task-done-checkbox {

6
frontend/src/components/tasks/partials/singleTaskInProject.vue
View File

@ -8,7 +8,7 @@
@mouseup.stop.self="openTaskDetail"
@mousedown.stop.self="focusTaskLink"
>
<Fancycheckbox
<FancyCheckbox
v-model="task.done"
:disabled="(isArchived || disabled) && !canMarkAsDone"
@update:modelValue="markAsDone"
@ -189,7 +189,7 @@ import ChecklistSummary from '@/components/tasks/partials/checklist-summary.vue'
import ProgressBar from '@/components/misc/ProgressBar.vue'
import BaseButton from '@/components/base/BaseButton.vue'
import Fancycheckbox from '@/components/input/fancycheckbox.vue'
import FancyCheckbox from '@/components/input/FancyCheckbox.vue'
import ColorBubble from '@/components/misc/ColorBubble.vue'
import CustomTransition from '@/components/misc/CustomTransition.vue'
@ -472,7 +472,7 @@ function focusTaskLink() {
opacity: 1;
}
:deep(.fancycheckbox) {
:deep(.fancy-checkbox) {
height: 18px;
padding-top: 0;
padding-right: .5rem;