memori

commit da41b93f3f66091f4ee4d2a0d287ea91896ab20d
parent 83c88a5816dadc84c0c106264b933226d8f228b7
Author: Hunter
Date:   Sun, 19 Oct 2025 19:21:32 -0400

lock cursor style during image resize

Diffstat:
M
index.html
 | 
12
++++++++++++

1 file changed, 12 insertions(+), 0 deletions(-)
diff --git a/index.html b/index.html
@@ -82,6 +82,10 @@
 			outline-color: #4a90e2;
 		}
 
+		body.resizing * {
+			cursor: inherit !important;
+		}
+
 		.image-container img {
 			width: 100%;
 			height: 100%;
@@ -335,6 +339,11 @@
 					e.preventDefault();
 					e.stopPropagation();
 
+					// Get the cursor style from the handle and apply it to the body
+					const cursorStyle = window.getComputedStyle(handle).cursor;
+					document.body.style.cursor = cursorStyle;
+					document.body.classList.add('resizing');
+
 					resizeState = {
 						image: imageData,
 						direction: handle.dataset.direction,
@@ -424,6 +433,9 @@
 			if (resizeState) {
 				resizeState.image.container.classList.remove('resizing');
 				resizeState = null;
+				// Restore the default cursor
+				document.body.style.cursor = '';
+				document.body.classList.remove('resizing');
 			}
 		});
 	</script>