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",
|
"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": {
|
||||||
|
|||||||
@ -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}`}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user