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:
parent
30f495733d
commit
def2c37ddb
@ -1,6 +1,6 @@
|
||||
{
|
||||
"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",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
|
||||
@ -5363,38 +5363,7 @@ export default function WeeklyView() {
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
{!showTimeGrid && (
|
||||
<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>
|
||||
)}
|
||||
{/* In list mode (no time grid), skip the label column so events align with day columns */}
|
||||
{isAllDayExpanded && (
|
||||
<div
|
||||
className={`all-day-events-grid cols-${viewDays}`}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user