From c4ec7f032ffa78a69a60c60d136e881a215e8158 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 26 Feb 2026 17:07:03 +0100
Subject: [PATCH] feat(checklist): show green progress circle when all
 checkboxes are done

---
 .../components/tasks/partials/ChecklistSummary.vue    | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/tasks/partials/ChecklistSummary.vue b/frontend/src/components/tasks/partials/ChecklistSummary.vue
index ed05f489a..7def35390 100644
--- a/frontend/src/components/tasks/partials/ChecklistSummary.vue
+++ b/frontend/src/components/tasks/partials/ChecklistSummary.vue
@@ -6,6 +6,7 @@
 		<svg
 			width="12"
 			height="12"
+			:class="{'is-all-done': allDone}"
 		>
 			<circle
 				stroke-width="2"
@@ -51,9 +52,11 @@ const checklistCircleDone = computed(() => {
 	return ((100 - progress) / 100) * c
 })
 
+const allDone = computed(() => checklist.value.total === checklist.value.checked)
+
 const {t} = useI18n({useScope: 'global'})
 const label = computed(() => {
-	return checklist.value.total === checklist.value.checked 
+	return allDone.value
 		? t('task.checklistAllDone', checklist.value)
 		: t('task.checklistTotal', checklist.value)
 })
@@ -81,4 +84,10 @@ circle {
 		stroke: var(--primary);
 	}
 }
+
+svg.is-all-done circle {
+	&:last-child {
+		stroke: var(--success);
+	}
+}
 </style>