From 101404d617f8b51a5199ba7a9a4b7f94ea32e4ae Mon Sep 17 00:00:00 2001 From: Lucas 'Paperboy' Rose-Winters Date: Sat, 25 Oct 2025 19:04:36 +1100 Subject: [PATCH] fix(dashboard): prevent resize handle overlap and clipping - Change .rpg-widget overflow from hidden to visible to prevent handle clipping - Reduce horizontal handle offset from -6px to -3px to prevent overlap - Keep vertical offset at -6px (adequate gap between rows) - Handles now have 6px clearance when widgets are side-by-side (12px gap - 3px - 3px) --- src/systems/dashboard/resizeHandler.js | 6 ++++-- style.css | 2 +- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/systems/dashboard/resizeHandler.js b/src/systems/dashboard/resizeHandler.js index dbbb03f..d31a295 100644 --- a/src/systems/dashboard/resizeHandler.js +++ b/src/systems/dashboard/resizeHandler.js @@ -183,10 +183,12 @@ export class ResizeHandler { handle.style.zIndex = '100'; // Position handles + // Vertical: -6px offset (adequate gap between rows) if (handleType.includes('n')) handle.style.top = '-6px'; if (handleType.includes('s')) handle.style.bottom = '-6px'; - if (handleType.includes('w')) handle.style.left = '-6px'; - if (handleType.includes('e')) handle.style.right = '-6px'; + // Horizontal: -3px offset (prevent overlap when widgets are side-by-side) + if (handleType.includes('w')) handle.style.left = '-3px'; + if (handleType.includes('e')) handle.style.right = '-3px'; // Center edge handles if (handleType === 'n' || handleType === 's') { diff --git a/style.css b/style.css index 5dfd790..f759f76 100644 --- a/style.css +++ b/style.css @@ -1189,7 +1189,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld { /* Base widget container - ensures content stays within bounds */ .rpg-widget { box-sizing: border-box; - overflow: hidden; + overflow: visible; /* Allow resize handles to extend beyond widget bounds */ display: flex; flex-direction: column;