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