mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove sticky weekday header inside scroll area on mobile

Browse Source 
The .time-grid-wrapper .weekly-day-header was set to position:sticky, causing
the day name (MITTWOCH 1. APR.) to appear as a ghost header while scrolling.
The correct sticky element on mobile is the existing day-bar overlay (DO 2.4.)
at the top. Reverted .weekly-day-header to position:relative.

v1.77.6
This commit is contained in:
mARTin 2026-03-29 16:40:16 +02:00
parent b8c8e9257a
commit 6b292f8d07
2 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

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

6
src/app/globals.css
View File

@ -3178,11 +3178,7 @@ h3 {
.time-grid-wrapper .weekly-day-header { .time-grid-wrapper .weekly-day-header {
flex-shrink: 0; flex-shrink: 0;
/* Sticky works because time-grid-wrapper is the overflow-y:auto ancestor */ position: relative;
position: sticky;
top: 0;
z-index: 20;
background-color: var(--weekly-bg, white);
} }
.time-grid-wrapper .time-slots-container { .time-grid-wrapper .time-slots-container {