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 */