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

feat: show checklist summary on kanban cards

Browse source
This commit is contained in:
kolaente 2021-10-04 22:05:40 +02:00
parent 813982e833
commit 99fb78dbd4
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/tasks/partials/kanban-card.vue
View file

@ -51,6 +51,7 @@
v-for="u in task.assignees" v-for="u in task.assignees"
/> />
</div> </div>
<checklist-summary :task="task"/>
<span class="icon" v-if="task.attachments.length > 0"> <span class="icon" v-if="task.attachments.length > 0">
<icon icon="paperclip"/> <icon icon="paperclip"/>
</span> </span>
@ -66,10 +67,12 @@ import {playPop} from '../../../helpers/playPop'
import PriorityLabel from '../../../components/tasks/partials/priorityLabel' import PriorityLabel from '../../../components/tasks/partials/priorityLabel'
import User from '../../../components/misc/user' import User from '../../../components/misc/user'
import Labels from '../../../components/tasks/partials/labels' import Labels from '../../../components/tasks/partials/labels'
import ChecklistSummary from './checklist-summary'
export default { export default {
name: 'kanban-card', name: 'kanban-card',
components: { components: {
ChecklistSummary,
PriorityLabel, PriorityLabel,
User, User,
Labels, Labels,

11
src/styles/components/kanban.scss
View file

@ -117,11 +117,16 @@ $filter-container-height: '1rem - #{$switch-view-height}';
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
margin-top: .25rem;
.tag, .assignees, .icon, .priority-label { .tag, .assignees, .icon, .priority-label, .checklist-summary {
margin-top: .25rem; margin-top: 0;
margin-right: .25rem; margin-right: .25rem;
} }
.checklist-summary {
padding-left: 0;
}
.assignees { .assignees {
display: flex; display: flex;
@ -142,7 +147,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
.priority-label { .priority-label {
font-size: .75rem; font-size: .75rem;
height: 2rem; height: 1.5rem;
.icon { .icon {
height: 1rem; height: 1rem;