diff options
| -rw-r--r-- | src/Layout.mjs | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/Layout.mjs b/src/Layout.mjs index 1279111..53b81fe 100644 --- a/src/Layout.mjs +++ b/src/Layout.mjs | |||
| @@ -77,13 +77,6 @@ export class Overlay extends Layout { | |||
| 77 | element.appendChild(draggablePart) | 77 | element.appendChild(draggablePart) |
| 78 | draggablePart.className = 'draggable-part' | 78 | draggablePart.className = 'draggable-part' |
| 79 | draggablePart.innerHTML = '<div class="handle">\u2630</div>' | 79 | draggablePart.innerHTML = '<div class="handle">\u2630</div>' |
| 80 | draggablePart.title = 'Use middle-click to remove block' | ||
| 81 | draggablePart.onmouseup = (e) => { | ||
| 82 | // Hide block with middle click | ||
| 83 | if (e.button === 1) { | ||
| 84 | element.classList.add('hide') | ||
| 85 | } | ||
| 86 | } | ||
| 87 | 80 | ||
| 88 | // Add draggable instance | 81 | // Add draggable instance |
| 89 | const { left, top } = element.getBoundingClientRect() | 82 | const { left, top } = element.getBoundingClientRect() |
| @@ -142,6 +135,13 @@ export class Overlay extends Layout { | |||
| 142 | <div id="minus-font-size">\u2796</div> | 135 | <div id="minus-font-size">\u2796</div> |
| 143 | </div> | 136 | </div> |
| 144 | ` | 137 | ` |
| 138 | wrapper.title = 'Middle-click to hide block' | ||
| 139 | wrapper.onmouseup = (e) => { | ||
| 140 | // Hide block with middle click | ||
| 141 | if (e.button === 1) { | ||
| 142 | wrapper.classList.add('hide') | ||
| 143 | } | ||
| 144 | } | ||
| 145 | 145 | ||
| 146 | // Set DOMRect for wrapper | 146 | // Set DOMRect for wrapper |
| 147 | wrapper.appendChild(block) | 147 | wrapper.appendChild(block) |