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) |