From 94b8398105ee9b32b476339e20fab64e1c80cb1e Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Tue, 3 Mar 2020 16:46:21 -0500
Subject: [PATCH] Smooth movement induced by scrolling

---
 macrovision.css | 6 +++++-
 macrovision.js  | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/macrovision.css b/macrovision.css
index 1a24a924..6762d44a 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -29,7 +29,7 @@ body {
     -moz-user-drag: none;
     -o-user-drag: none;
     pointer-events: none;
-    transition: height 0.2s cubic-bezier(.1,.41,.18,.99), max-height 0.2s cubic-bezier(.1,.41,.18,.99);
+    transition: left 0.2s cubic-bezier(.1,.41,.18,.99), top 0.2s cubic-bezier(.1,.41,.18,.99), height 0.2s cubic-bezier(.1,.41,.18,.99), max-height 0.2s cubic-bezier(.1,.41,.18,.99);
 }
 
 .entity-image {
@@ -409,4 +409,8 @@ a {
     left: 50%;
     transform: translate(-50%, 0%);
     font-size: 20px;
+}
+
+.no-transition {
+    transition: 0s !important;
 }
\ No newline at end of file
diff --git a/macrovision.js b/macrovision.js
index 26a029d0..718ee58c 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -337,6 +337,7 @@ function clickDown(target, x, y) {
     dragOffsetX = x - rect.left + entX;
     dragOffsetY = y - rect.top + entY;
     clickTimeout = setTimeout(() => { dragging = true }, 200)
+    target.classList.add("no-transition");
 }
 
 // could we make this actually detect the menu area?
@@ -359,6 +360,7 @@ function clickUp(e) {
         } else {
             select(clicked);
         }
+        clicked.classList.remove("no-transition");
         clicked = null;
     }