preview: use cursors grab and grabbing

qjebbs · Mar 30, 2024 · e6c933f · e6c933f
1 parent 30a4ed6
commit e6c933f
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/templates/js/cursor.js b/templates/js/cursor.js
@@ -6,7 +6,7 @@ function addCursorManager(settings) {
         // console.log("leftButton", leftButton, "rightButton", rightButton);
         if (!leftButton && !rightButton) {
             if (settings.swapMouseButtons) {
-                imgContainer.style.cursor = "move";
+                imgContainer.style.cursor = "grab";
             } else if (e.altKey) {
                 imgContainer.style.cursor = "zoom-out";
             } else {
@@ -27,7 +27,14 @@ function addCursorManager(settings) {
             return;
         }
         // move
-        imgContainer.style.cursor = "move";
+        if (
+            (leftButton && settings.swapMouseButtons) ||
+            (rightButton && !settings.swapMouseButtons)
+        ) {
+            imgContainer.style.cursor = "grabbing";
+        } else {
+            imgContainer.style.cursor = "grab";
+        }
     }
     imgContainer.addEventListener("mousedown", e => {
         // console.log("mousedown", e.button, e.buttons);