gawells/Self-Service-Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

add offsets into handles

Browse Source
This commit is contained in:
gawells
2026-06-14 17:39:38 -04:00
parent f04a9956ff
commit 68d4baee61
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/javascript/resize_photo_dialouge.js
+6
View File
@@ -68,10 +68,16 @@ for (var i = 0; i < resize_anchors.length; i++) {
document.body.addEventListener("mouseup", () => { document.body.addEventListener("mouseup", () => {
handleBeingHeld[index] = false; handleBeingHeld[index] = false;
}); });
resize_anchors[i].style.setProperty("--x-offset", "0px");
resize_anchors[i].style.setProperty("--y-offset", "0px");
} }
document.body.addEventListener("mousemove", () => { document.body.addEventListener("mousemove", () => {
for (var i = 0; i < handleBeingHeld.length; i++) { for (var i = 0; i < handleBeingHeld.length; i++) {
if (!handleBeingHeld[i]) continue; if (!handleBeingHeld[i]) continue;
resize_anchors[i].style.setProperty("--x-offset", "100px");
resize_anchors[i].style.setProperty("--y-offset", "100px");
} }
}); });
static/profile_page.css
+8 -4
View File
@@ -197,7 +197,8 @@
} }
#top_left_resize { #top_left_resize {
transform: translateX(-50%) translateY(-50%); transform: translateX(calc(-50% + var(--x-offset)))
translateY(calc(-50% + var(--y-offset)));
} }
#top_left_resize:hover { #top_left_resize:hover {
@@ -205,7 +206,8 @@
} }
#top_right_resize { #top_right_resize {
transform: translateX(340px) translateY(-50%); transform: translateX(calc(340px - var(--x-offset)))
translateY(calc(-50% + var(--y-offset)));
} }
#top_right_resize:hover { #top_right_resize:hover {
@@ -213,7 +215,8 @@
} }
#bottom_left_resize { #bottom_left_resize {
transform: translateY(340px) translateX(-50%); transform: translateX(calc(-50% + var(--x-offset)))
translateY(calc(340px - var(--x-offset)));
} }
#bottom_left_resize:hover { #bottom_left_resize:hover {
@@ -221,7 +224,8 @@
} }
#bottom_right_resize { #bottom_right_resize {
transform: translateX(340px) translateY(340px); transform: translateX(calc(340px - var(--x-offset)))
translateY(calc(340px - var(--y-offset)));
} }
#bottom_right_resize:hover { #bottom_right_resize:hover {