From 16866f4c19cf9ce4f19718ec61010154a17197c8 Mon Sep 17 00:00:00 2001 From: Fen Dweller Date: Wed, 5 Feb 2020 07:37:55 -0500 Subject: [PATCH] Improve name plate positioning --- macrovision.css | 7 ++++--- macrovision.js | 4 ++-- 2 files changed, 6 insertions(+), 5 deletions(-) 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) }