fix: show midnight "0" hour label - was clipped above scroll area
The first time-slot label's translateY(-50%) pushed it above the container top edge. Added padding-top to time-column-slots and time-slots-container, and disabled the translate on the first label. Reverted 00→0. v1.75.5 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
94747a9508
commit
b126328536
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "my-weekly-todo-list",
|
||||
"version": "1.75.4",
|
||||
"version": "1.75.5",
|
||||
"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": {
|
||||
|
||||
@ -2863,7 +2863,12 @@ h3 {
|
||||
flex: 1;
|
||||
overflow-y: visible; /* Unify with parent scroll */
|
||||
position: relative;
|
||||
padding-top: 0; /* Flush with header */
|
||||
padding-top: 0.5em; /* Space for first hour label translateY */
|
||||
}
|
||||
|
||||
/* First hour label: don't translate above container edge */
|
||||
.time-column-slots .time-slot-label:first-child span {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
|
||||
@ -2913,7 +2918,7 @@ h3 {
|
||||
flex: 1;
|
||||
overflow: visible; /* Changed from auto to unify scroll */
|
||||
overflow-x: visible;
|
||||
padding-top: 0; /* Flush with header */
|
||||
padding-top: 0.5em; /* Match time-column-slots for alignment */
|
||||
}
|
||||
|
||||
.time-slot {
|
||||
|
||||
@ -1440,7 +1440,7 @@ function formatHour(hour: number, minutes: number = 0, format: "short" | "full"
|
||||
}
|
||||
// 24h format
|
||||
if (format === "short" && minutes === 0) {
|
||||
return hour === 0 ? "00" : `${hour}`;
|
||||
return `${hour}`;
|
||||
}
|
||||
return `${hour.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user