commit 795b79100956e01fc8ac149a7cc8f13a2981cb40 parent a21b70ee6787d2e12eeb2d20501544c0b9dfc4b3 Author: Hunter Date: Thu, 16 Oct 2025 11:52:42 -0400 adjust resize hitboxes Diffstat:
| M | index.html | | | 19 | +++++++++++++++---- |
1 file changed, 15 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html @@ -103,6 +103,17 @@ .resize-handle.corner { width: 10px; height: 10px; + background: transparent; + } + + .resize-handle.corner::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #4a90e2; border-radius: 50%; } @@ -110,10 +121,10 @@ background: transparent; } - .resize-handle.n { top: -5px; left: 50%; transform: translateX(-50%); width: 30px; height: 10px; cursor: n-resize; } - .resize-handle.s { bottom: -5px; left: 50%; transform: translateX(-50%); width: 30px; height: 10px; cursor: s-resize; } - .resize-handle.e { right: -5px; top: 50%; transform: translateY(-50%); width: 10px; height: 30px; cursor: e-resize; } - .resize-handle.w { left: -5px; top: 50%; transform: translateY(-50%); width: 10px; height: 30px; cursor: w-resize; } + .resize-handle.n { top: -5px; left: 5px; right: 5px; height: 10px; cursor: n-resize; } + .resize-handle.s { bottom: -5px; left: 5px; right: 5px; height: 10px; cursor: s-resize; } + .resize-handle.e { right: -5px; top: 5px; bottom: 5px; width: 10px; cursor: e-resize; } + .resize-handle.w { left: -5px; top: 5px; bottom: 5px; width: 10px; cursor: w-resize; } .resize-handle.ne { top: -5px; right: -5px; cursor: ne-resize; } .resize-handle.nw { top: -5px; left: -5px; cursor: nw-resize; } .resize-handle.se { bottom: -5px; right: -5px; cursor: se-resize; }