From b759c5e7d2b7d55cb98f90e27bfbb0ef7e286e1c Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 12 Nov 2025 18:47:29 +0200
Subject: [PATCH] feat(board): display number of items in column

---
 apps/client/src/widgets/collections/board/column.tsx |  2 ++
 apps/client/src/widgets/collections/board/index.css  | 11 ++++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/collections/board/column.tsx b/apps/client/src/widgets/collections/board/column.tsx
index a6779f30d..4ea8768e9 100644
--- a/apps/client/src/widgets/collections/board/column.tsx
+++ b/apps/client/src/widgets/collections/board/column.tsx
@@ -104,6 +104,8 @@ export default function Column({
                 {!isEditing ? (
                     <>
                         <span className="title">{column}</span>
+                        <span className="counter-badge">{columnItems?.length ?? 0}</span>
+                        <div className="spacer" />
                         <span
                             className="edit-icon icon bx bx-edit-alt"
                             title={t("board_view.edit-column-title")}
diff --git a/apps/client/src/widgets/collections/board/index.css b/apps/client/src/widgets/collections/board/index.css
index 581408cf6..8997882ec 100644
--- a/apps/client/src/widgets/collections/board/index.css
+++ b/apps/client/src/widgets/collections/board/index.css
@@ -53,7 +53,16 @@
   align-items: center;
 }
 
-.board-view-container .board-column h3 > .title {
+.board-view-container .board-column h3 .counter-badge {
+  background-color: var(--muted-text-color);
+  color: var(--main-background-color);
+  border-radius: 12px;
+  padding: 0.1em 0.6em;
+  font-size: 0.75em;
+  margin-inline-start: 0.5em;
+}
+
+.board-view-container .board-column h3 > .spacer {
   flex-grow: 1;
 }