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:
parent
71486f0d43
commit
87c7211655
@ -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": {
|
||||||
|
|||||||
@ -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>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user