fix: move resize handles outside scrollable sections

Resize handles for all-day and someday areas were inside the
overflow:auto section, making them scroll away. Now placed
outside the section so they always sit at the bottom border.

v1.39.2

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
mARTin 2026-03-17 01:37:39 +01:00
parent 71486f0d43
commit 87c7211655
2 changed files with 25 additions and 22 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "my-weekly-todo-list", "name": "my-weekly-todo-list",
"version": "1.39.1", "version": "1.39.2",
"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": {

View File

@ -5213,6 +5213,7 @@ export default function WeeklyView() {
if (allDayEvents.length === 0) return null; if (allDayEvents.length === 0) return null;
return ( return (
<>
<section <section
className={`all-day-events-section ${isAllDayExpanded ? "expanded" : "collapsed"}`} className={`all-day-events-section ${isAllDayExpanded ? "expanded" : "collapsed"}`}
style={isAllDayExpanded && allDayHeight ? { maxHeight: `${allDayHeight}px`, overflowY: 'auto' } : undefined} style={isAllDayExpanded && allDayHeight ? { maxHeight: `${allDayHeight}px`, overflowY: 'auto' } : undefined}
@ -5362,7 +5363,8 @@ export default function WeeklyView() {
</div> </div>
)} )}
</div> </div>
{/* Resize handle */} </section>
{/* Resize handle - outside section so it's always at the bottom border */}
{isAllDayExpanded && ( {isAllDayExpanded && (
<div <div
className="resize-handle" className="resize-handle"
@ -5372,7 +5374,7 @@ export default function WeeklyView() {
<div className="resize-handle-bar" /> <div className="resize-handle-bar" />
</div> </div>
)} )}
</section> </>
); );
})(); })();
@ -7075,7 +7077,7 @@ export default function WeeklyView() {
{allDayPosition === "below" && allDaySection} {allDayPosition === "below" && allDaySection}
{/* Someday Section */} {/* Someday Section */}
{showSomeday && ( {showSomeday && (<>
<section <section
ref={somedaySectionRefCb} ref={somedaySectionRefCb}
className={`weekly-someday ${somedayExpanded ? "expanded" : "collapsed"} transition-colors duration-200`} className={`weekly-someday ${somedayExpanded ? "expanded" : "collapsed"} transition-colors duration-200`}
@ -7953,7 +7955,8 @@ export default function WeeklyView() {
</div> </div>
</div> </div>
{/* close flex row */} {/* close flex row */}
{/* Resize handle */} </section>
{/* Resize handle - outside section so it's always at the bottom border */}
{somedayExpanded && ( {somedayExpanded && (
<div <div
className="resize-handle" className="resize-handle"
@ -7963,7 +7966,7 @@ export default function WeeklyView() {
<div className="resize-handle-bar" /> <div className="resize-handle-bar" />
</div> </div>
)} )}
</section> </>
) )
} }