#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/template/content-type/video/default/preview.html

@@ -13,13 +13,6 @@
                     <iframe frameborder="0" allowfullscreen attr="data.video.attributes" if="isHosted(data.video.attributes().src)"/>
                     <video frameborder="0" controls attr="data.video.attributes()" ifnot="isHosted(data.video.attributes().src)" afterRender="onAfterRender"/>
                     <i class="icon-pagebuilder-video pagebuilder-video-placeholder" ifnot="data.video.attributes().src"/>
-
-                    <ifnot args="$parent.accessibility() && data.video.attributes().src">
-                        <div class="image-uploader-preview-information">
-                            <h4 class="title" translate="'Preview Mode'"></h4>
-                            <p class="description" translate="'If you want to upload an image, run the full-screen mode'"></p>
-                        </div>
-                    </ifnot>
                 </div>
             </div>
         </div>

app/code/Magento/PageBuilder/view/adminhtml/web/template/form/element/uploader/preview/image.html

@@ -10,20 +10,20 @@
             <ul class="pagebuilder-options-links">
                 <li class="pagebuilder-options-link">
                     <label
-                      data-bind="event: {mousedown: stopEvent}"
-                      class="file-uploader-button action-default"
-                      attr="for: uid"
-                      disable="disabled"
-                      translate="translations.uploadNewImage"/>
+                        data-bind="event: {mousedown: stopEvent}"
+                        class="file-uploader-button action-default"
+                        attr="for: uid"
+                        disable="disabled"
+                        translate="translations.uploadNewImage"/>
                 </li>
                 <li class="pagebuilder-options-link">
                     <label
-                      data-bind="event: {change: addFileFromMediaGallery, click: openMediaBrowserDialog, mousedown: stopEvent}"
-                      class="file-uploader-button action-default"
-                      attr="id: mediaGalleryUid, 'data-id': getFileId()"
-                      disable="disabled"
-                      data-force_static_path="1"
-                      translate="translations.selectFromGallery"/>
+                        data-bind="event: {change: addFileFromMediaGallery, click: openMediaBrowserDialog, mousedown: stopEvent}"
+                        class="file-uploader-button action-default"
+                        attr="id: mediaGalleryUid, 'data-id': getFileId()"
+                        disable="disabled"
+                        data-force_static_path="1"
+                        translate="translations.selectFromGallery"/>
                 </li>
             </ul>
         </div>
@@ -45,12 +45,12 @@
                         <label class="file-uploader-button action-default" attr="for: uid" disable="disabled" translate="translations.uploadImage"/>
                         <span translate="translations.or"></span>
                         <label
-                          data-bind="event: {change: addFileFromMediaGallery, click: openMediaBrowserDialog}"
-                          class="file-uploader-button action-default"
-                          attr="id: mediaGalleryUid, 'data-id': getFileId()"
-                          disable="disabled"
-                          data-force_static_path="1"
-                          translate="translations.selectFromGallery"/>
+                            data-bind="event: {change: addFileFromMediaGallery, click: openMediaBrowserDialog}"
+                            class="file-uploader-button action-default"
+                            attr="id: mediaGalleryUid, 'data-id': getFileId()"
+                            disable="disabled"
+                            data-force_static_path="1"
+                            translate="translations.selectFromGallery"/>
                         <render args="fallbackResetTpl" if="$data.showFallbackReset && $data.isDifferedFromDefault"/>
                         <p class="image-upload-requirements">
                             <span if="$data.maxFileSize">

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/page-builder.ts

@@ -44,7 +44,6 @@ export default class PageBuilder implements PageBuilderInterface {
         Config.setConfig(config);
         Config.setMode("Preview");
         Config.setContentSnapshot({pageBuilderId: this.id, contentSnapshotMode: contentSnapshot});
-
         this.preloadTemplates(config);
         this.initialValue = initialValue;
         this.isFullScreen(config.isFullScreen);
@@ -103,7 +102,6 @@ export default class PageBuilder implements PageBuilderInterface {
         const panel = stageWrapper.find(".pagebuilder-panel");
         if (!this.isFullScreen()) {
             pageBuilderWrapper.css("height", pageBuilderWrapper.outerHeight());
-
             this.previousPanelHeight = panel.outerHeight();
             panel.css("height", this.previousPanelHeight + "px");
             /**