#514: User sees content snapshot on Category Page in Admin Panel - Add clickable overlay

Author: hannahnida

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_page-builder.less

@@ -139,6 +139,25 @@
     }
 }
 
+.pagebuilder-stage-overlay {
+    display: none;
+    height: 0;
+    left: 0;
+    position: absolute;
+    top: 0;
+    visibility: hidden;
+    width: 0;
+
+    &.active {
+        cursor: pointer;
+        display: block;
+        height: 100%;
+        visibility: visible;
+        width: 100%;
+        z-index: @z-index-8;
+    }
+}
+
 .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper {
     .pagebuilder-stage-wrapper.stage-full-screen;
 

app/code/Magento/PageBuilder/view/adminhtml/web/template/page-builder.html

@@ -7,6 +7,10 @@
 <div class="pagebuilder-stage-wrapper"
      css="'stage-full-screen': isFullScreen"
      ko-style="wrapperStyles">
+    <div class="pagebuilder-stage-overlay"
+         click="function() { toggleFullScreen($element); }"
+         css="'active': !isFullScreen()">
+    </div>
     <div class="admin__field pagebuilder-header" css="visible: panel.isVisible">
         <button type="button" translate="'Apply Template'" if="isAllowedTemplateApply" click="toggleTemplateManger"/>
         <button type="button" translate="'Save as Template'" if="isAllowedTemplateSave" click="saveAsTemplate"/>