Cap the move to 30px in each side
This commit is contained in:
parent
c8f0624975
commit
36094db23c
|
@ -68,6 +68,10 @@ messageBox.show = async ({
|
||||||
messageBox._resolve = resolve;
|
messageBox._resolve = resolve;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
function clamp(value, min, max) {
|
||||||
|
return Math.min(Math.max(value, min), max);
|
||||||
|
}
|
||||||
|
|
||||||
function initOwnListeners() {
|
function initOwnListeners() {
|
||||||
let listening = false;
|
let listening = false;
|
||||||
let offsetX = 0;
|
let offsetX = 0;
|
||||||
|
@ -134,7 +138,9 @@ messageBox.show = async ({
|
||||||
offsetX = x;
|
offsetX = x;
|
||||||
offsetY = y;
|
offsetY = y;
|
||||||
|
|
||||||
$('#message-box > div').style.transform = `translateX(${x}px) translateY(${y}px)`;
|
$('#message-box > div').style.transform =
|
||||||
|
`translateX(${clamp(x, -30, 30)}px)
|
||||||
|
translateY(${clamp(y, -30, 30)}px)`;
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user