mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: show list count badges on someday tab buttons

Browse Source 
Display number of lists per tab in a circle badge next to the tab name.
"All" shows total count, each tab shows its filtered count.

v1.26.2

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-11 08:47:44 +01:00
parent b2a1981385
commit f05a7c9035
3 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "name": "my-weekly-todo-list",
"version": "1.26.1", "version": "1.26.2",
"description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view", "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

20
src/app/globals.css
View File

@ -1533,6 +1533,26 @@ h3 {
color: #fff; color: #fff;
} }
.someday-tab-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 16px;
height: 16px;
padding: 0 4px;
border-radius: 8px;
background: var(--weekly-hover-bg, rgba(0, 0, 0, 0.08));
font-size: 0.65rem;
font-weight: 600;
line-height: 1;
margin-left: 2px;
}
.someday-tab-btn-h.active .someday-tab-count {
background: rgba(255, 255, 255, 0.25);
color: #fff;
}
/* Someday Tab Wrapper with dissolve button */ /* Someday Tab Wrapper with dissolve button */
.someday-tab-wrapper-h { .someday-tab-wrapper-h {
position: relative; position: relative;

4
src/components/WeeklyView.tsx
View File

@ -6511,7 +6511,7 @@ export default function WeeklyView() {
<button <button
className={`someday-tab-btn-h ${activeSomedayTab === null ? "active" : ""}`} className={`someday-tab-btn-h ${activeSomedayTab === null ? "active" : ""}`}
onClick={() => setSomedayTab(null)} onClick={() => setSomedayTab(null)}
>{t.allTabs}</button> >{t.allTabs} <span className="someday-tab-count">{somedayLists.length}</span></button>
{somedayTabs.map(tab => ( {somedayTabs.map(tab => (
editingTabName === tab ? ( editingTabName === tab ? (
<input <input
@ -6548,7 +6548,7 @@ export default function WeeklyView() {
setRenamingTabValue(tab); setRenamingTabValue(tab);
}} }}
title={t.renameTab} title={t.renameTab}
>{tab}</button> >{tab} <span className="someday-tab-count">{somedayLists.filter(l => l.tab === tab).length}</span></button>
<button <button
className="someday-tab-dissolve-h" className="someday-tab-dissolve-h"
onClick={(e) => { e.stopPropagation(); dissolveTab(tab); }} onClick={(e) => { e.stopPropagation(); dissolveTab(tab); }}