From 2ad55fe1bd073c639a31ae55525aa09866a0c7fa Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Mon, 16 Mar 2026 22:35:37 +0100
Subject: [PATCH] fix: restore sticky weekday headers on mobile

The global overflow-y:visible rule for time-grid-on was overriding
the mobile overflow-y:auto on .weekly-days-grid, which broke
position:sticky on day headers. Wrap desktop overflow rules in a
min-width media query and keep mobile scroll container intact.

v1.37.4
---
 package.json        |  2 +-
 src/app/globals.css | 41 +++++++++++++++++++++++++++++++----------
 2 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 3f30b93..b9865d6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.37.3",
+  "version": "1.37.4",
   "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": {
diff --git a/src/app/globals.css b/src/app/globals.css
index a370c72..ddb6e1e 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4069,16 +4069,37 @@ h3 {
   background: transparent;
 }
 
-/* Disable independent scrolling on all inner grid containers */
-.time-grid-on .weekly-days-grid,
-.time-grid-on .weekly-day-column,
-.time-grid-on .time-slots-container,
-.time-grid-on .time-column-slots,
-.time-grid-on .time-column {
-  overflow-y: visible !important;
-  overflow-x: visible !important;
-  max-height: none !important;
-  min-height: 100% !important;
+/* Disable independent scrolling on all inner grid containers (desktop only) */
+@media (min-width: 769px) {
+  .time-grid-on .weekly-days-grid,
+  .time-grid-on .weekly-day-column,
+  .time-grid-on .time-slots-container,
+  .time-grid-on .time-column-slots,
+  .time-grid-on .time-column {
+    overflow-y: visible !important;
+    overflow-x: visible !important;
+    max-height: none !important;
+    min-height: 100% !important;
+  }
+}
+/* Mobile: allow scroll on grid but keep day columns visible for sticky headers */
+@media (max-width: 768px) {
+  .time-grid-on .weekly-days-grid {
+    overflow-y: auto !important;
+    overflow-x: hidden !important;
+  }
+  .time-grid-on .weekly-day-column {
+    overflow-y: visible !important;
+    overflow-x: visible !important;
+    max-height: none !important;
+  }
+  .time-grid-on .time-slots-container,
+  .time-grid-on .time-column-slots,
+  .time-grid-on .time-column {
+    overflow-y: visible !important;
+    overflow-x: visible !important;
+    max-height: none !important;
+  }
 }
 
 /* Ensure no rogue scrollbars appear and hide webskit ones */