From 99fb78dbd4201f8bf522fa96a74e95c0752ca0b2 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 4 Oct 2021 22:05:40 +0200
Subject: [PATCH] feat: show checklist summary on kanban cards

---
 src/components/tasks/partials/kanban-card.vue |  3 +++
 src/styles/components/kanban.scss             | 11 ++++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index 72d360e4..d21e571e 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -51,6 +51,7 @@
 					v-for="u in task.assignees"
 				/>
 			</div>
+			<checklist-summary :task="task"/>
 			<span class="icon" v-if="task.attachments.length > 0">
 				<icon icon="paperclip"/>	
 			</span>
@@ -66,10 +67,12 @@ import {playPop} from '../../../helpers/playPop'
 import PriorityLabel from '../../../components/tasks/partials/priorityLabel'
 import User from '../../../components/misc/user'
 import Labels from '../../../components/tasks/partials/labels'
+import ChecklistSummary from './checklist-summary'
 
 export default {
 	name: 'kanban-card',
 	components: {
+		ChecklistSummary,
 		PriorityLabel,
 		User,
 		Labels,
diff --git a/src/styles/components/kanban.scss b/src/styles/components/kanban.scss
index 3b96b6c1..2a551b2a 100644
--- a/src/styles/components/kanban.scss
+++ b/src/styles/components/kanban.scss
@@ -117,11 +117,16 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 					display: flex;
 					flex-wrap: wrap;
 					align-items: center;
+					margin-top: .25rem;
 
-					.tag, .assignees, .icon, .priority-label {
-						margin-top: .25rem;
+					.tag, .assignees, .icon, .priority-label, .checklist-summary {
+						margin-top: 0;
 						margin-right: .25rem;
 					}
+					
+					.checklist-summary {
+						padding-left: 0;
+					}
 
 					.assignees {
 						display: flex;
@@ -142,7 +147,7 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 
 					.priority-label {
 						font-size: .75rem;
-						height: 2rem;
+						height: 1.5rem;
 
 						.icon {
 							height: 1rem;