diff --git a/assets/less/dragula.less b/assets/less/dragula.less index 3f81d2b..28578f4 100644 --- a/assets/less/dragula.less +++ b/assets/less/dragula.less @@ -1,6 +1,8 @@ -.gu-mirror { +div.item.gu-mirror { position: fixed !important; margin: 0 !important; + transform: scale(1.2); + background: darkred; z-index: 9999 !important; // opacity: 0.8; // -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; diff --git a/assets/less/main.less b/assets/less/main.less index 2f548bd..daa0bbc 100644 --- a/assets/less/main.less +++ b/assets/less/main.less @@ -1,12 +1,15 @@ @import "./dragula"; div.container { + width: 100%; + flex-wrap: wrap; margin: 0 auto; display: flex; + justify-content: space-between; > div.location { width: 100px; height: 100px; - padding: 40px; + padding: 10px; &.over { > .item { transform: scale(1.3); @@ -27,3 +30,8 @@ div.item { justify-content: center; align-items: center; } + +pre { + width: 100%; + overflow: scroll; +} diff --git a/client/index.js b/client/index.js index e249ade..55a70d5 100644 --- a/client/index.js +++ b/client/index.js @@ -12,6 +12,7 @@ const drake = dragula(containers, { // // console.log(target); // return true; + ignoreInputTextSelection: false, // } }); @@ -41,6 +42,14 @@ drake.on('drop', (el, target, source) => { } }); +function prevent(e) { + e.preventDefault(); +} + +document.body.addEventListener('touchmove', (e) => { + if (e.target.classList.contains('item')) e.preventDefault(); +}, { passive: false }); + drake.on('over', (el, target, source) => { if (target !== source) { target.classList.add('over');