#514: User sees content snapshot on Category page in Admin Panel #3 - Code Review fixes

Author: Lukasz Borowiec

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

@@ -139,22 +139,26 @@
     }
 }
 
-.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-2;
+.page-builder-wysiwyg-wrapper {
+    position: relative;
+
+    .pagebuilder-wysiwyg-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-2;
+        }
     }
 }
 

app/code/Magento/PageBuilder/view/adminhtml/web/template/form/element/wysiwyg.html

@@ -5,7 +5,7 @@
  */
 -->
 
-<div visible="visible" css="{'_disabled': disabled}">
+<div visible="visible" css="{'_disabled': disabled}" class="page-builder-wysiwyg-wrapper">
     <button if="wysiwygConfigData()['pagebuilder_button'] || wysiwygConfigData()['pagebuilder_content_snapshot']"
             type="button"
             class="action-default action"
@@ -23,7 +23,7 @@
         </div>
     </if>
     <div if="wysiwygConfigData()['pagebuilder_content_snapshot']"
-         class="pagebuilder-stage-overlay"
+         class="pagebuilder-wysiwyg-overlay"
          click="pageBuilderEditButtonClick.bind($data)"
          css="'active': !pageBuilder.isFullScreen()">
     </div>