aboutsummaryrefslogtreecommitdiffhomepage
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/Layout.mjs16
-rw-r--r--src/dumbymap.mjs14
2 files changed, 16 insertions, 14 deletions
diff --git a/src/Layout.mjs b/src/Layout.mjs
index 746dda2..2f90278 100644
--- a/src/Layout.mjs
+++ b/src/Layout.mjs
@@ -44,10 +44,7 @@ export class SideBySide extends Layout {
44 }).observe(container); 44 }).observe(container);
45 } 45 }
46 46
47 leaveHandler = ({ container, htmlHolder, showcase }) => { 47 leaveHandler = ({ container }) => {
48 container.removeAttribute('style')
49 htmlHolder.removeAttribute('style')
50 showcase.removeAttribute('style')
51 container.querySelector('.bar')?.remove() 48 container.querySelector('.bar')?.remove()
52 } 49 }
53} 50}
@@ -95,7 +92,7 @@ export class Overlay extends Layout {
95 92
96 // Close button 93 // Close button
97 draggableBlock.querySelector('#close').onclick = () => { 94 draggableBlock.querySelector('#close').onclick = () => {
98 draggableBlock.setAttribute("data-state", "hide") 95 draggableBlock.setAttribute("data-state", "hide")
99 } 96 }
100 // Plus/Minus font-size of content 97 // Plus/Minus font-size of content
101 draggableBlock.querySelector('#plus-font-size').onclick = () => { 98 draggableBlock.querySelector('#plus-font-size').onclick = () => {
@@ -149,16 +146,15 @@ export class Overlay extends Layout {
149 } 146 }
150 }) 147 })
151 } 148 }
152 leaveHandler = (dumbymap) => { 149
153 const container = dumbymap.htmlHolder 150 leaveHandler = ({ htmlHolder, blocks }) => {
154 const resumeFromDraggable = (block) => { 151 const resumeFromDraggable = (block) => {
155 const draggableContainer = block.closest('.draggable-block') 152 const draggableContainer = block.closest('.draggable-block')
156 if (!draggableContainer) return 153 if (!draggableContainer) return
157 container.appendChild(block) 154 htmlHolder.appendChild(block)
158 block.removeAttribute('style')
159 draggableContainer.remove() 155 draggableContainer.remove()
160 } 156 }
161 dumbymap.blocks.forEach(resumeFromDraggable) 157 blocks.forEach(resumeFromDraggable)
162 } 158 }
163} 159}
164 160
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 7f5c75c..7079286 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -140,15 +140,16 @@ export const markdown2HTML = (container, mdContent) => {
140export const generateMaps = async (container, callback) => { 140export const generateMaps = async (container, callback) => {
141 container.classList.add('Dumby') 141 container.classList.add('Dumby')
142 const htmlHolder = container.querySelector('.SemanticHtml') ?? container 142 const htmlHolder = container.querySelector('.SemanticHtml') ?? container
143 const blocks = Array.from(htmlHolder.querySelectorAll('.dumby-block'))
143 const showcase = document.createElement('div') 144 const showcase = document.createElement('div')
144 container.appendChild(showcase) 145 container.appendChild(showcase)
145 showcase.classList.add('Showcase') 146 showcase.classList.add('Showcase')
146 147
147 const dumbymap = { 148 const dumbymap = {
148 container: container, 149 container,
149 htmlHolder: htmlHolder, 150 htmlHolder,
150 showcase: showcase, 151 showcase,
151 blocks: Array.from(htmlHolder.querySelectorAll('.dumby-block')), 152 blocks,
152 } 153 }
153 154
154 // LeaderLine {{{ 155 // LeaderLine {{{
@@ -354,6 +355,11 @@ export const generateMaps = async (container, callback) => {
354 ?.leaveHandler 355 ?.leaveHandler
355 ?.call(this, dumbymap) 356 ?.call(this, dumbymap)
356 } 357 }
358
359 Object.values(dumbymap)
360 .flat()
361 .forEach(e => e.removeAttribute('style'))
362
357 if (newLayout) { 363 if (newLayout) {
358 layouts.find(l => l.name === newLayout) 364 layouts.find(l => l.name === newLayout)
359 ?.enterHandler 365 ?.enterHandler