kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor(kanban): use gap spacing in Kanban card footer (#1950) 

Replace individual `margin` properties with CSS `gap` for consistent
spacing between footer elements in Kanban cards.
This commit is contained in:
kolaente 2025-12-08 18:57:47 +01:00 committed by GitHub
parent de8f179807
commit 831e26bad8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/tasks/partials/KanbanCard.vue
View File

@ -74,7 +74,6 @@
v-if="task.assignees.length > 0"
:assignees="task.assignees"
:avatar-size="24"
class="mie-1"
/>
<ChecklistSummary
:task="task"
@ -285,16 +284,9 @@ $task-background: var(--white);
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .25rem;
margin-block-start: .25rem;
:deep(.tag),
:deep(.checklist-summary),
.assignees,
.icon,
.priority-label {
margin-inline-end: .25rem;
}
:deep(.checklist-summary) {
padding-inline-start: 0;
}
@ -312,11 +304,6 @@ $task-background: var(--white);
}
}
// FIXME: should be in Labels.vue
:deep(.tag) {
margin-inline-start: 0;
}
.priority-label {
font-size: .75rem;
padding: 0 .5rem 0 .25rem;
@ -393,7 +380,7 @@ $task-background: var(--white);
}
.kanban-card__done {
margin-inline-end: .25rem;
// Spacing handled by parent flex gap
}
.task-progress {
@ -406,6 +393,5 @@ $task-background: var(--white);
background: var(--grey-100);
border-radius: $radius;
padding: 0.25rem;
margin-inline-end: .25rem;
}
</style>