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>
This commit is contained in:
parent
8926fe27c2
commit
fbeb4db990
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "my-weekly-todo-list",
|
"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",
|
"description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
|||||||
@ -7627,12 +7627,14 @@ export default function WeeklyView() {
|
|||||||
data-slide-direction={slideDirection}
|
data-slide-direction={slideDirection}
|
||||||
data-nav-type={viewDays > 1 ? "week" : "day"}
|
data-nav-type={viewDays > 1 ? "week" : "day"}
|
||||||
onScroll={handleGridScroll}
|
onScroll={handleGridScroll}
|
||||||
style={{
|
style={showTimeGrid ? {
|
||||||
height: `${24 * (60 / effectiveCellDuration) * getSlotHeight(effectiveCellDuration) + getHeaderHeight(effectiveCellDuration)}px`,
|
height: `${24 * (60 / effectiveCellDuration) * getSlotHeight(effectiveCellDuration) + getHeaderHeight(effectiveCellDuration)}px`,
|
||||||
maxHeight: `${24 * (60 / effectiveCellDuration) * getSlotHeight(effectiveCellDuration) + getHeaderHeight(effectiveCellDuration)}px`,
|
maxHeight: `${24 * (60 / effectiveCellDuration) * getSlotHeight(effectiveCellDuration) + getHeaderHeight(effectiveCellDuration)}px`,
|
||||||
flex: 1,
|
flex: 1,
|
||||||
alignSelf: "flex-start",
|
alignSelf: "flex-start",
|
||||||
overflowY: 'auto'
|
overflowY: 'auto'
|
||||||
|
} : {
|
||||||
|
flex: 1,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{getVisibleDays().map((date, colIndex) => {
|
{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>
|
<div className="mobile-fab-menu-icon" style={{ background: "#8b5cf6" }}><Calendar size={18} /></div>
|
||||||
<span>{language === "de" ? "Termin" : "Event"}</span>
|
<span>{language === "de" ? "Termin" : "Event"}</span>
|
||||||
</button>
|
</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); }}>
|
<button className="mobile-fab-menu-item" onClick={() => { setShowMobileFabMenu(false); setShowFocusMode(true); }}>
|
||||||
<div className="mobile-fab-menu-icon" style={{ background: "#f59e0b" }}><Zap size={18} /></div>
|
<div className="mobile-fab-menu-icon" style={{ background: "#f59e0b" }}><Zap size={18} /></div>
|
||||||
<span>{language === "de" ? "Fokus" : "Focus"}</span>
|
<span>{language === "de" ? "Fokus" : "Focus"}</span>
|
||||||
</button>
|
</button>
|
||||||
<button className="mobile-fab-menu-item" onClick={() => { setShowMobileFabMenu(false); setIsSearchOpen(true); }}>
|
<button className="mobile-fab-menu-item" onClick={() => { setShowMobileFabMenu(false); setIsSearchOpen(true); }}>
|
||||||
<div className="mobile-fab-menu-icon" style={{ background: "#10b981" }}><Search size={18} /></div>
|
<div className="mobile-fab-menu-icon" style={{ background: "#10b981" }}><Search size={18} /></div>
|
||||||
<span>{language === "de" ? "Suche" : "Search"}</span>
|
<span>{language === "de" ? "Suchen" : "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>
|
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user