From b5509869a543dd0075310e4cc0f716b2495e9e0a Mon Sep 17 00:00:00 2001 From: Fen Dweller Date: Tue, 25 Feb 2020 21:52:38 -0500 Subject: [PATCH] Smooth zooming and scaling a bit. --- macrovision.css | 5 +++++ macrovision.js | 2 ++ 2 files changed, 7 insertions(+) diff --git a/macrovision.css b/macrovision.css index 11dea031..3a6eb213 100644 --- a/macrovision.css +++ b/macrovision.css @@ -29,6 +29,11 @@ body { -moz-user-drag: none; -o-user-drag: none; pointer-events: none; + transition: 0.2s; +} + +.entity-box.grabbed { + transition: 0s; } .entity-image { diff --git a/macrovision.js b/macrovision.js index f875ab17..42ee9f33 100644 --- a/macrovision.js +++ b/macrovision.js @@ -316,6 +316,7 @@ function clickDown(target, x, y) { let entY = document.querySelector("#entities").getBoundingClientRect().y; dragOffsetX = x - rect.left + entX; dragOffsetY = y - rect.top + entY; + target.classList.add("grabbed"); clickTimeout = setTimeout(() => { dragging = true }, 200) } @@ -339,6 +340,7 @@ function clickUp(e) { } else { select(clicked); } + clicked.classList.remove("grabbed"); clicked = null; }