diff --git a/package.json b/package.json index bfca011..8f569ac 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "my-weekly-todo-list", - "version": "1.39.2", + "version": "1.39.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/app/globals.css b/src/app/globals.css index 362fcd8..67b89fe 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2657,7 +2657,7 @@ h3 { /* Resize handle for draggable section borders */ .resize-handle { - height: 8px; + height: 12px; cursor: ns-resize; display: flex; align-items: center; @@ -2666,18 +2666,27 @@ h3 { touch-action: none; position: relative; z-index: 10; + background: var(--weekly-border, #e5e7eb); +} +.resize-handle:hover { + background: var(--weekly-accent, #3b82f6); + opacity: 0.5; +} +.resize-handle:active { + background: var(--weekly-accent, #3b82f6); + opacity: 0.7; } .resize-handle:hover .resize-handle-bar, .resize-handle:active .resize-handle-bar { - background: var(--weekly-accent, #3b82f6); - opacity: 0.6; + background: white; + opacity: 0.9; } .resize-handle-bar { width: 40px; height: 3px; border-radius: 2px; - background: var(--weekly-border); - opacity: 0.4; + background: var(--weekly-text-light, #999); + opacity: 0.5; transition: background 0.15s, opacity 0.15s; } diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx index 03822ea..71537d0 100644 --- a/src/components/WeeklyView.tsx +++ b/src/components/WeeklyView.tsx @@ -1649,7 +1649,9 @@ export default function WeeklyView() { const onMove = (ev: MouseEvent | TouchEvent) => { if (!resizingRef.current) return; const y = 'touches' in ev ? ev.touches[0].clientY : ev.clientY; - const delta = y - resizingRef.current.startY; + const rawDelta = y - resizingRef.current.startY; + // Top handle: dragging up = increase height (invert delta); bottom handle: normal + const delta = resizingRef.current.target === 'someday' ? -rawDelta : rawDelta; const newHeight = Math.max(40, Math.min(600, resizingRef.current.startHeight + delta)); if (resizingRef.current.target === 'someday') setSomedayHeight(newHeight); else setAllDayHeight(newHeight); @@ -7078,6 +7080,16 @@ export default function WeeklyView() { {/* Someday Section */} {showSomeday && (<> + {/* Resize handle - on top border of someday section */} + {somedayExpanded && ( +