From c8c19ce9568c1a8611dbc962504f5105de8b9bee Mon Sep 17 00:00:00 2001 From: Lucas 'Paperboy' Rose-Winters Date: Thu, 23 Oct 2025 10:23:00 +1100 Subject: [PATCH] fix(dashboard): make resize handles always visible in edit mode - Change resize handles from hover-only to always visible in edit mode - Handles now show at 60% opacity in edit mode - Brighten to 100% opacity on hover for visual feedback - Update UI hint to explicitly mention green dots on corners/edges - Makes resize functionality more discoverable - Improves UX by showing affordances clearly --- src/systems/dashboard/editMode.standalone.test.html | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/systems/dashboard/editMode.standalone.test.html b/src/systems/dashboard/editMode.standalone.test.html index dc00b4d..c94004c 100644 --- a/src/systems/dashboard/editMode.standalone.test.html +++ b/src/systems/dashboard/editMode.standalone.test.html @@ -140,12 +140,17 @@ margin-top: 4px; } - /* Resize handles - hidden by default */ + /* Resize handles - visible in edit mode */ .resize-handles { opacity: 0; transition: opacity 0.2s; } + /* Always show handles in edit mode, brighter on hover */ + .edit-mode .resize-handles { + opacity: 0.6; + } + .edit-mode .widget:hover .resize-handles, .widget.resizing .resize-handles { opacity: 1; @@ -258,7 +263,8 @@
Features:
• Click "Edit Layout" to enter edit mode
- • In edit mode: drag widgets, resize from corners/edges, delete widgets, add from library
+ • In edit mode: green dots appear on widget corners/edges - drag them to resize
+ • Click widget body to drag and reposition
• Click widgets in the library (left side) to add them
• Hover over widgets to see edit controls (settings ⚙ and delete ×)
• Click "Save" to commit changes or "Cancel" to discard