#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

@@ -34,20 +34,6 @@
     }
 }
 
-.page-builder-stage-cover-div {
-    position: absolute;
-    display: block;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 9999;
-
-    &.stage-full-screen {
-        display: none;
-    }
-}
-
 .pagebuilder-stage-wrapper {
     -moz-transition: .35s ease-in-out;
     -webkit-transition: .35s ease-in-out;
@@ -153,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-2;
+    }
+}
+
 .pagebuilder-wysiwyg-wrapper.pagebuilder-transition-out .pagebuilder-stage-wrapper {
     .pagebuilder-stage-wrapper.stage-full-screen;
 

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/preview.js

@@ -28,7 +28,7 @@ export interface ContentSnapshotInterface
 }
 
 export interface MenuSectionInterface {
-    [pageBuilderId: string]: MenuSectionItemInterface;
+    [key: string]: MenuSectionItemInterface;
 }
 
 export interface MenuSectionItemInterface {

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/config.types.ts

@@ -201,7 +201,7 @@ export default class Preview implements PreviewInterface {
 
         optionsMenu.parent().addClass("pagebuilder-options-visible");
 
-        $(currentTarget).addClass("pagebuilder-c ontent-type-active");
+        $(currentTarget).addClass("pagebuilder-content-type-active");
     }
 
     /**