From 36094db23ce4d9d98135df1d30ebc026f161daf7 Mon Sep 17 00:00:00 2001
From: Gusted <williamzijl7@hotmail.com>
Date: Sat, 3 Jul 2021 13:51:40 +0200
Subject: [PATCH] Cap the move to 30px in each side

---
 js/dlg/message-box.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/js/dlg/message-box.js b/js/dlg/message-box.js
index 775dce1f..9d2b2586 100644
--- a/js/dlg/message-box.js
+++ b/js/dlg/message-box.js
@@ -68,6 +68,10 @@ messageBox.show = async ({
     messageBox._resolve = resolve;
   });
 
+  function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+  }
+
   function initOwnListeners() {
     let listening = false;
     let offsetX = 0;
@@ -134,7 +138,9 @@ messageBox.show = async ({
         offsetX = x;
         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)`;
       },
     };
   }