fix: show rolling icon in simple and calendar views

Add persistent inline rolling indicator to GridTaskBlock so rolling tasks
are visually marked in simple and calendar (time-grid) views, matching
the badge already shown in list view.

v1.97.4
This commit is contained in:
mARTin 2026-04-20 19:39:14 +02:00
parent cf7e138bc9
commit aa4c6a085d
2 changed files with 20 additions and 1 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "name": "my-weekly-todo-list",
"version": "1.97.3", "version": "1.97.4",
"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": {

View File

@ -476,6 +476,25 @@ export function GridTaskBlock({
</svg> </svg>
</button> </button>
)} )}
{/* Rolling indicator */}
{task.isRolling && !task.completed && (
<span
title="Auto-rolling task"
style={{
display: "inline-flex",
alignItems: "center",
padding: "1px 3px",
color: "var(--weekly-teal, #009a9a)",
marginLeft: "3px",
flexShrink: 0,
}}
>
<svg viewBox="0 0 24 24" width="10" height="10" stroke="currentColor" strokeWidth="2.5" fill="none" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
<polyline points="23 4 23 10 17 10" />
<path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10" />
</svg>
</span>
)}
{weatherEnabled && (() => { {weatherEnabled && (() => {
const provider = task.externalProvider const provider = task.externalProvider
|| (task.externalId?.startsWith("synology::") ? "synology" : null); || (task.externalId?.startsWith("synology::") ? "synology" : null);