F diff --git a/css/style.css b/css/style.css --- a/css/style.css +++ b/css/style.css}.window {+ box-sizing: border-box;margin: 0rem;padding: 0;box-shadow: 0 0.8rem 1.3rem rgba(0,0,0,0.2);}.file {+ box-sizing: border-box;padding: 0.5rem;cursor: pointer;color: #333;F diff --git a/loggedin.js b/loggedin.js --- a/loggedin.js +++ b/loggedin.jsvar context_menu = null;var dragging = null;++ var dragging_candidate = null;+ var dragging_candidate_x, dragging_candidate_y;+var dragging_fileview;var dragging_placeholder = null;var dragging_offset_x = 0, dragging_offset_y = 0;}function begin_drag(e, obj) {-dragging = obj;+ dragging_candidate = null;dragging.classList.add("dragged");var elemRect = dragging.getBoundingClientRect();dragging_offset_x = e.clientX - elemRect.left;dragging_offset_y = -e.clientY + elemRect.top;-if (dragging_placeholder)obj.parentNode.insertBefore(dragging_placeholder, obj);var h2 = document.createElement('h2');wnd_html.appendChild(h2);- //h2.onmousedown = (e) => {- //begin_drag(e, wnd_html);- // e.preventDefault();- //};+ h2.onmousedown = (e) => {+ // begin_drag(e, wnd_html);+ if (!dragging) {+ dragging_candidate = wnd_html;+ dragging_candidate_x = e.clientX;+ dragging_candidate_y = e.clientY;+ }+ };path = document.createElement('div');path.classList.add('path');dragging.style.left = (e.clientX - dragging_offset_x) + "px";dragging.style.top = (e.clientY + dragging_offset_y) + "px";}+ else if (dragging_candidate) {+ var d = Math.abs(e.clientX - dragging_candidate_x) + Math.abs(e.clientY - dragging_candidate_y);+ if (d > 15)+ begin_drag(e, dragging_candidate);+ }}document.body.onmouseup = (_e) => {+ if (dragging_candidate)+ dragging_candidate = null;if (dragging)end_drag();}