From fbeb4db990987c0ed9f1b03b16848b3407e06ea4 Mon Sep 17 00:00:00 2001
From: mARTin <mail@martin-bierschenk.de>
Date: Wed, 25 Mar 2026 03:04:43 +0100
Subject: [PATCH] fix: sticky day headers on mobile, reorder FAB menu

- Fixed weekly-days-grid applying fixed height in non-time-grid views
  (simple/list), which broke the scroll context for sticky headers
- Reordered mobile FAB menu: Aufgabe, Termin, Projekt, Fokus, Suchen
- Changed "Suche" to "Suchen" in FAB menu

v1.73.3

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

diff --git a/package.json b/package.json
index 266dcdc..a5da876 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.73.2",
+  "version": "1.73.3",
   "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/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index 48a5dbe..3a06ab2 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -7627,12 +7627,14 @@ export default function WeeklyView() {
                     data-slide-direction={slideDirection}
                     data-nav-type={viewDays > 1 ? "week" : "day"}
                     onScroll={handleGridScroll}
-                    style={{ 
+                    style={showTimeGrid ? {
                         height: `${24 * (60 / effectiveCellDuration) * getSlotHeight(effectiveCellDuration) + getHeaderHeight(effectiveCellDuration)}px`,
                         maxHeight: `${24 * (60 / effectiveCellDuration) * getSlotHeight(effectiveCellDuration) + getHeaderHeight(effectiveCellDuration)}px`,
                         flex: 1,
                         alignSelf: "flex-start",
                         overflowY: 'auto'
+                    } : {
+                        flex: 1,
                     }}
                 >
                     {getVisibleDays().map((date, colIndex) => {
@@ -9973,17 +9975,17 @@ export default function WeeklyView() {
                                 <div className="mobile-fab-menu-icon" style={{ background: "#8b5cf6" }}><Calendar size={18} /></div>
                                 <span>{language === "de" ? "Termin" : "Event"}</span>
                             </button>
+                            <button className="mobile-fab-menu-item" onClick={() => { setShowMobileFabMenu(false); setShowProjectsSidebar(true); }}>
+                                <div className="mobile-fab-menu-icon" style={{ background: "#6366f1" }}><FolderPlus size={18} /></div>
+                                <span>{language === "de" ? "Projekt" : "Project"}</span>
+                            </button>
                             <button className="mobile-fab-menu-item" onClick={() => { setShowMobileFabMenu(false); setShowFocusMode(true); }}>
                                 <div className="mobile-fab-menu-icon" style={{ background: "#f59e0b" }}><Zap size={18} /></div>
                                 <span>{language === "de" ? "Fokus" : "Focus"}</span>
                             </button>
                             <button className="mobile-fab-menu-item" onClick={() => { setShowMobileFabMenu(false); setIsSearchOpen(true); }}>
                                 <div className="mobile-fab-menu-icon" style={{ background: "#10b981" }}><Search size={18} /></div>
-                                <span>{language === "de" ? "Suche" : "Search"}</span>
-                            </button>
-                            <button className="mobile-fab-menu-item" onClick={() => { setShowMobileFabMenu(false); setShowProjectsSidebar(true); }}>
-                                <div className="mobile-fab-menu-icon" style={{ background: "#6366f1" }}><FolderPlus size={18} /></div>
-                                <span>{language === "de" ? "Projekt" : "Project"}</span>
+                                <span>{language === "de" ? "Suchen" : "Search"}</span>
                             </button>
                         </div>
                     )}