diff --git a/macrovision.css b/macrovision.css index b422781e..6a23ac01 100644 --- a/macrovision.css +++ b/macrovision.css @@ -28,7 +28,6 @@ body { -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; - transform: translate(-50%, -100%); pointer-events: none; } @@ -40,12 +39,14 @@ body { -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; + transform: translate(-50%, -100%); } .entity-name { position: absolute; - top: -25%; - left: 50%; + top: -100%; + left: 0%; + transform: translate(-50%, -36px); font-size: 24px; pointer-events: none } diff --git a/macrovision.js b/macrovision.js index e0bf8974..0fdafa8e 100644 --- a/macrovision.js +++ b/macrovision.js @@ -239,8 +239,8 @@ function clickDown(target, x, y) { const rect = target.getBoundingClientRect(); let entX = document.querySelector("#entities").getBoundingClientRect().x; let entY = document.querySelector("#entities").getBoundingClientRect().y; - dragOffsetX = x - rect.left + entX - rect.width / 2; - dragOffsetY = y - rect.top + entY - rect.height; + dragOffsetX = x - rect.left + entX; + dragOffsetY = y - rect.top + entY; clickTimeout = setTimeout(() => { dragging = true }, 200) }