From 658042c8b311f888f9689e661745120bf136e89a Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sun, 15 Mar 2026 09:57:36 +0100
Subject: [PATCH] fix: double date picker on mobile, sidebar scroll, 2-column
 grid

- Prevent desktop SimpleDatePicker from rendering on mobile (was
  showing two date pickers simultaneously)
- Add overflow-y: auto to settings sidebar at 768px breakpoint so
  the quick actions panel and content are scrollable on all mobile
- Add cols-2 CSS rules for weekly-days-grid and all-day-events-grid
  so the 2-day view spreads columns correctly

v1.35.2

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 package.json                  |  2 +-
 src/app/globals.css           | 12 ++++++++++++
 src/components/WeeklyView.tsx |  2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 27ea0d1..c56b864 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.35.1",
+  "version": "1.35.2",
   "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 342005e..254755e 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -583,6 +583,10 @@ h3 {
   grid-template-columns: 1fr;
 }
 
+.weekly-days-grid.cols-2 {
+  grid-template-columns: repeat(2, 1fr);
+}
+
 .weekly-days-grid.cols-3 {
   grid-template-columns: repeat(3, 1fr);
 }
@@ -2249,6 +2253,13 @@ h3 {
     display: none;
   }
 
+  /* Settings sidebar: full width and scrollable on mobile */
+  .weekly-settings-sidebar {
+    width: 100% !important;
+    max-width: 100vw;
+    overflow-y: auto !important;
+  }
+
   /* Ensure grid respects viewDays columns on mobile landscape */
   .time-grid-wrapper {
     overflow: visible;
@@ -2675,6 +2686,7 @@ h3 {
 }
 
 .all-day-events-grid.cols-1 { grid-template-columns: repeat(1, 1fr); }
+.all-day-events-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
 .all-day-events-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
 .all-day-events-grid.cols-5 { grid-template-columns: repeat(5, 1fr); }
 .all-day-events-grid.cols-7 { grid-template-columns: repeat(7, 1fr); }
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 612fbba..23f14b1 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -5722,7 +5722,7 @@ export default function WeeklyView() {
                             onClick={() => setShowDatePicker(!showDatePicker)}
                             title="Jump to date"
                         >
-                            {showDatePicker && (
+                            {showDatePicker && !isMobile && (
                                 <SimpleDatePicker
                                     selected={currentWeekStart}
                                     onSelect={(date) => {