From 8e0d1628713b65b4408cc6be8b56758bb45c7d65 Mon Sep 17 00:00:00 2001
From: Andrey Sobolev <haiodo@users.noreply.github.com>
Date: Sat, 8 Apr 2023 00:15:22 +0700
Subject: [PATCH] TSK-1088: Show Kanban counters (#2924)

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
---
 .../src/components/kanban/KanbanView.svelte   |  5 ++++-
 .../src/components/issues/KanbanView.svelte   | 19 ++++++++++++-------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/plugins/task-resources/src/components/kanban/KanbanView.svelte b/plugins/task-resources/src/components/kanban/KanbanView.svelte
index 7aef750a69..422f9c6f96 100644
--- a/plugins/task-resources/src/components/kanban/KanbanView.svelte
+++ b/plugins/task-resources/src/components/kanban/KanbanView.svelte
@@ -245,7 +245,7 @@
     <svelte:fragment slot="header" let:state let:count>
       <!-- {@const status = $statusStore.get(state._id)} -->
       <div class="header flex-col">
-        <div class="flex-row-center flex-between">
+        <div class="flex-row-center">
           {#if groupByKey === noCategory}
             <span class="text-base fs-bold overflow-label content-accent-color pointer-events-none">
               <Label label={view.string.NoGrouping} />
@@ -253,6 +253,9 @@
           {:else if headerComponent}
             <svelte:component this={headerComponent.presenter} value={state} {space} kind={'list-header'} />
           {/if}
+          <span class="ml-1">
+            {count}
+          </span>
         </div>
       </div>
     </svelte:fragment>
diff --git a/plugins/tracker-resources/src/components/issues/KanbanView.svelte b/plugins/tracker-resources/src/components/issues/KanbanView.svelte
index ba01aeca1f..d02ca2b4ed 100644
--- a/plugins/tracker-resources/src/components/issues/KanbanView.svelte
+++ b/plugins/tracker-resources/src/components/issues/KanbanView.svelte
@@ -264,14 +264,19 @@
       <!-- {@const status = $statusStore.get(state._id)} -->
       <div class="header flex-col">
         <div class="flex-row-center flex-between">
-          {#if groupByKey === noCategory}
-            <span class="text-base fs-bold overflow-label content-accent-color pointer-events-none">
-              <Label label={view.string.NoGrouping} />
+          <div class="flex-row-center gap-1">
+            {#if groupByKey === noCategory}
+              <span class="text-base fs-bold overflow-label content-accent-color pointer-events-none">
+                <Label label={view.string.NoGrouping} />
+              </span>
+            {:else if headerComponent}
+              <svelte:component this={headerComponent.presenter} value={state} {space} kind={'list-header'} />
+            {/if}
+            <span class="ml-1">
+              {count}
             </span>
-          {:else if headerComponent}
-            <svelte:component this={headerComponent.presenter} value={state} {space} kind={'list-header'} />
-          {/if}
-          <div class="flex gap-1">
+          </div>
+          <div class="flex-row-center gap-1">
             <Button
               icon={IconAdd}
               kind={'transparent'}