From e663f82c2654d624f583907bc14a471e890c2f4e Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Sun, 15 Mar 2026 09:48:40 +0100
Subject: [PATCH] feat: add 2-day view, scrollable mobile settings, fix someday
 on mobile

- Add 2-column option to view days selector (1,2,3,5,7)
- Make settings sidebar scrollable on mobile (overflow-y: auto)
- Fix someday section not visible on mobile by removing maxHeight
  constraint from time-grid-wrapper on mobile devices, allowing
  natural page scrolling to reach the someday area below

v1.35.0

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

diff --git a/package.json b/package.json
index f234009..d86e18d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.34.5",
+  "version": "1.35.0",
   "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 8b37b7b..342005e 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -2297,6 +2297,7 @@ h3 {
   .weekly-settings-sidebar {
     width: 100% !important;
     max-width: 100vw;
+    overflow-y: auto !important;
   }
 
   .preferences-panel {
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 82673a1..2b2424d 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -5278,7 +5278,7 @@ export default function WeeklyView() {
                             {language === "de" ? "Spalten" : "Columns"}
                         </span>
                         <div style={{ display: "flex", gap: "4px" }}>
-                            {[1, 3, 5, 7].map((num) => (
+                            {[1, 2, 3, 5, 7].map((num) => (
                                 <button
                                     key={num}
                                     onClick={() => { setViewDays(num); savedViewDaysRef.current = num; saveSetting("viewDays", num); }}
@@ -5624,7 +5624,7 @@ export default function WeeklyView() {
                         title="Days to show"
                     >
                         <LayoutGrid size={16} className="text-gray-500 mr-1" />
-                        {[1, 3, 5, 7].map((num) => (
+                        {[1, 2, 3, 5, 7].map((num) => (
                             <button
                                 key={num}
                                 onClick={() => {
@@ -6254,7 +6254,7 @@ export default function WeeklyView() {
 
             {/* Main Grid with Time Column */}
             {viewStyle !== "kanban" && <div style={{ position: "relative" }}>
-            <div className="time-grid-wrapper" ref={timeGridWrapperRef} style={showTimeGrid ? {
+            <div className="time-grid-wrapper" ref={timeGridWrapperRef} style={showTimeGrid && !isMobile ? {
                 maxHeight: `${(endHour - startHour) * (60 / cellDuration) * getSlotHeight(cellDuration) + measuredHeaderHeight}px`,
             } : undefined}>
                 {/* Time Column */}
@@ -10196,7 +10196,7 @@ function SettingsSidebar({
                             <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
                                 <span style={{ fontSize: "0.75rem", color: "var(--weekly-text-light, #9ca3af)", minWidth: "40px" }}>{t.days || "Days"}</span>
                                 <div style={{ display: "flex", gap: "4px", flex: 1 }}>
-                                    {[1, 3, 5, 7].map((num) => (
+                                    {[1, 2, 3, 5, 7].map((num) => (
                                         <button
                                             key={num}
                                             onClick={() => { mobileActions.onViewDaysChange(num); }}