mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: move resize handles outside scrollable sections

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"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",
"main": "index.js",
"scripts": {

45
src/components/WeeklyView.tsx
View File

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