Add count badges to filter pills and hide empty types

Each type pill now shows its item count (e.g. "Notes 2"). Pills for types
with zero items are hidden. The "All" pill shows the total count. Counts
are computed from the search-filtered results so they update dynamically.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
lucaronin
2026-02-15 10:05:19 +01:00
parent 9d29959fba
commit ba511e4011
3 changed files with 64 additions and 32 deletions

View File

@@ -117,12 +117,22 @@
color: #ccc;
}
.note-list__pill-count {
font-size: 10px;
opacity: 0.6;
margin-left: 2px;
}
.note-list__pill--active {
background: #4a9eff22;
color: #4a9eff;
border-color: #4a9eff44;
}
.note-list__pill--active .note-list__pill-count {
opacity: 0.8;
}
.note-list__items {
flex: 1;
overflow-y: auto;