From: Michael D. Lowis Date: Wed, 1 Aug 2018 01:22:51 +0000 (-0400) Subject: added highlight of drop target X-Git-Url: https://git.mdlowis.com/?a=commitdiff_plain;h=819542c27b8527e1e728d3dce97be8f0005a6473;p=proto%2Fkanban.git added highlight of drop target --- diff --git a/index.html b/index.html index ff47c23..10c24a6 100644 --- a/index.html +++ b/index.html @@ -96,6 +96,9 @@ h2 { display: block; } +.drag-target { + border: 1px solid deepskyblue; +} @@ -162,6 +165,8 @@ h2 { const drag_over = (ev) => { ev.preventDefault(); ev.dataTransfer.dropEffect = "move"; + Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target")); + ev.target.classList.add("drag-target"); } const drag_drop = (ev) => { @@ -176,6 +181,7 @@ h2 { tgt.appendChild(data); } data.id = ""; + Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target")); } window.onclick = (ev) => { @@ -185,6 +191,7 @@ h2 { if (card) { card.children[0].innerHTML = dialogTitle.innerHTML; card.children[1].innerHTML = dialogContent.innerHTML; + card.id = ""; } } }