Merge pull request #8038 from SadeqRouhani/feat/list-card-count

feat(board): show card count next to the list title

Author: grnd-alt

src/components/board/Stack.vue

@@ -15,6 +15,7 @@
 					<CheckCircleOutline v-if="isDoneColumn"
 						class="stack__done-icon"
 						decorative />
+					<span class="stack__card-count">{{ cardsByStack.length }}</span>
 				</h3>
 				<h3 v-else-if="!editing"
 					tabindex="0"
@@ -27,6 +28,7 @@
 					<CheckCircleOutline v-if="isDoneColumn"
 						class="stack__done-icon"
 						decorative />
+					<span class="stack__card-count">{{ cardsByStack.length }}</span>
 				</h3>
 				<form v-else-if="editing"
 					v-click-outside="cancelEdit"
@@ -475,6 +477,18 @@ export default {
 			}
 		}
 
+		.stack__card-count {
+			flex-shrink: 0;
+			margin-inline-start: 6px;
+			padding: 0 8px;
+			border-radius: var(--border-radius-pill, 16px);
+			background-color: var(--color-background-darker);
+			color: var(--color-text-maxcontrast);
+			font-size: var(--default-font-size);
+			font-weight: normal;
+			line-height: 1.5;
+		}
+
 		form {
 			input {
 				font-weight: bold;