fix: remove all-day label column in list mode to align with day columns

In list mode there's no time column, so the all-day label was
causing a left offset mismatch. Removed the label so all-day
events grid lines up with the day columns below.

v1.48.3

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-18 00:56:52 +01:00
parent 30f495733d
commit def2c37ddb
2 changed files with 2 additions and 33 deletions

View File

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

View File

@ -5363,38 +5363,7 @@ export default function WeeklyView() {
</span> </span>
</div> </div>
)} )}
{!showTimeGrid && ( {/* In list mode (no time grid), skip the label column so events align with day columns */}
<div
className="all-day-label-column"
onClick={() => setIsAllDayExpanded(!isAllDayExpanded)}
style={{
display: "flex",
alignItems: "center",
cursor: "pointer",
padding: "2px 8px",
gap: "6px",
}}
title={isAllDayExpanded ? "Collapse" : "Expand"}
>
<span
style={{
fontSize: "0.6rem",
fontWeight: 600,
color: "var(--weekly-text-light)",
textTransform: "uppercase",
letterSpacing: "0.05em",
}}
>
all day
</span>
<span
className="all-day-events-count"
style={{ fontSize: "0.55rem", padding: "0px 3px" }}
>
{allDayEvents.length}
</span>
</div>
)}
{isAllDayExpanded && ( {isAllDayExpanded && (
<div <div
className={`all-day-events-grid cols-${viewDays}`} className={`all-day-events-grid cols-${viewDays}`}