fix: show midnight hour label without shifting task positions

Remove translateY on first time-slot-label only (via :first-child) instead
of adding padding-top which broke task alignment. Reverts padding approach.

v1.75.6

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-26 11:16:08 +01:00
parent b126328536
commit de3b4a103e
2 changed files with 11 additions and 8 deletions

View File

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

@ -2863,12 +2863,7 @@ h3 {
flex: 1; flex: 1;
overflow-y: visible; /* Unify with parent scroll */ overflow-y: visible; /* Unify with parent scroll */
position: relative; position: relative;
padding-top: 0.5em; /* Space for first hour label translateY */ padding-top: 0; /* Flush with header */
}
/* First hour label: don't translate above container edge */
.time-column-slots .time-slot-label:first-child span {
transform: none;
} }
@ -2904,6 +2899,14 @@ h3 {
line-height: 1; line-height: 1;
} }
/* First hour label: keep visible at top of scroll area */
.time-column-slots .time-slot-label:first-child {
transform: none;
}
.time-column-slots .time-slot-label:first-child span {
transform: none;
}
.time-slot-label .sub-hour-label { .time-slot-label .sub-hour-label {
transform: translateY(-50%); transform: translateY(-50%);
background: var(--weekly-bg); background: var(--weekly-bg);
@ -2918,7 +2921,7 @@ h3 {
flex: 1; flex: 1;
overflow: visible; /* Changed from auto to unify scroll */ overflow: visible; /* Changed from auto to unify scroll */
overflow-x: visible; overflow-x: visible;
padding-top: 0.5em; /* Match time-column-slots for alignment */ padding-top: 0; /* Flush with header */
} }
.time-slot { .time-slot {