refactor: toggling visibility by mfranzke · Pull Request #1421 · pattern-lab/patternlab-node
Expand Up
@@ -405,7 +405,7 @@ class IFrame extends BaseLitComponent {
return html` <div class="pl-c-viewport pl-js-viewport"> <div class="pl-c-viewport__cover pl-js-viewport-cover"></div> <div class="pl-c-viewport__cover pl-js-viewport-cover" hidden></div> <div class="pl-c-viewport__iframe-wrapper pl-js-vp-iframe-container" style="width: ${initialWidth}" Expand Down Expand Up @@ -450,7 +450,7 @@ class IFrame extends BaseLitComponent { this.fullMode = false;
// show the cover this.iframeCover.style.display = 'block'; this.iframeCover.hidden = false;
function handleIframeCoverResize(e) { const viewportWidth = origViewportWidth + 2 * (e.clientX - origClientX); Expand All @@ -476,7 +476,7 @@ class IFrame extends BaseLitComponent { 'mousemove', handleIframeCoverResize ); self.iframeCover.style.display = 'none'; self.iframeCover.hidden = true; self .querySelector('.pl-js-resize-handle') .classList.remove('is-resizing'); Expand Down
return html` <div class="pl-c-viewport pl-js-viewport"> <div class="pl-c-viewport__cover pl-js-viewport-cover"></div> <div class="pl-c-viewport__cover pl-js-viewport-cover" hidden></div> <div class="pl-c-viewport__iframe-wrapper pl-js-vp-iframe-container" style="width: ${initialWidth}" Expand Down Expand Up @@ -450,7 +450,7 @@ class IFrame extends BaseLitComponent { this.fullMode = false;
// show the cover this.iframeCover.style.display = 'block'; this.iframeCover.hidden = false;
function handleIframeCoverResize(e) { const viewportWidth = origViewportWidth + 2 * (e.clientX - origClientX); Expand All @@ -476,7 +476,7 @@ class IFrame extends BaseLitComponent { 'mousemove', handleIframeCoverResize ); self.iframeCover.style.display = 'none'; self.iframeCover.hidden = true; self .querySelector('.pl-js-resize-handle') .classList.remove('is-resizing'); Expand Down