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

fix: make subtask progress bar more visible (wider + taller)

Browse Source 
Increased progress bar from 24x4px to 36x5px for better visibility
in the task subtask indicator badge.

v1.55.3

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-22 08:43:13 +01:00
parent 1f90526b5b
commit 452e1a0eab
2 changed files with 7 additions and 6 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.55.2", "version": "1.55.3",
"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": {

11
src/components/WeeklyView.tsx
View File

@ -9766,15 +9766,16 @@ function TaskItem({
transition: "all 0.15s", transition: "all 0.15s",
}} }}
> >
<ChevronDown size={11} style={{ transform: expanded ? "rotate(0deg)" : "rotate(-90deg)", transition: "transform 0.2s" }} /> <ChevronDown size={12} style={{ transform: expanded ? "rotate(0deg)" : "rotate(-90deg)", transition: "transform 0.2s", flexShrink: 0 }} />
<span style={{ <span style={{
display: "inline-block", display: "inline-block",
width: "24px", width: "36px",
height: "4px", height: "5px",
borderRadius: "2px", borderRadius: "3px",
background: "var(--weekly-border, #e5e7eb)", background: "var(--weekly-border, #e5e7eb)",
position: "relative", position: "relative",
overflow: "hidden", overflow: "hidden",
flexShrink: 0,
}}> }}>
<span style={{ <span style={{
position: "absolute", position: "absolute",
@ -9782,7 +9783,7 @@ function TaskItem({
top: 0, top: 0,
height: "100%", height: "100%",
width: `${pct}%`, width: `${pct}%`,
borderRadius: "2px", borderRadius: "3px",
background: allDone ? "var(--weekly-teal, #0d9488)" : "var(--weekly-accent, #6366f1)", background: allDone ? "var(--weekly-teal, #0d9488)" : "var(--weekly-accent, #6366f1)",
transition: "width 0.3s ease", transition: "width 0.3s ease",
}} /> }} />