#715: Content type label is over option menu when parallax enabled

Author: omiroshnichenko

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/row/contained/preview.html

@@ -11,6 +11,8 @@
     <div class="pagebuilder-affordance-row pagebuilder-content-type pagebuilder-content-type-affordance"
          ko-style="getStyle(data.inner, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'])"
          event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+        <div class="pagebuilder-display-label"
+             text="function () { return displayLabel().toUpperCase(); }()"/>
         <div class="pagebuilder-content-type no-system-border type-container pagebuilder-row children-min-height"
              attr="data.inner.attributes"
              ko-style="Object.assign({}, getStyleWithout(data.inner, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight']), {backgroundImage: getBackgroundImage()})"
@@ -37,7 +39,5 @@
                  css="placeholderCss()"
                  translate="'Drag content types or columns here'"/>
         </div>
-        <div class="pagebuilder-display-label"
-             text="function () { return displayLabel().toUpperCase(); }()"/>
     </div>
 </div>

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/row/full-bleed/preview.html

@@ -8,6 +8,8 @@
 <div class="pagebuilder-affordance-row pagebuilder-content-type pagebuilder-content-type-affordance"
      ko-style="getStyle(data.main, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'])"
      event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+    <div class="pagebuilder-display-label"
+         text="function () { return displayLabel().toUpperCase(); }()"/>
     <div class="pagebuilder-content-type type-container no-system-border pagebuilder-row children-min-height"
          attr="data.main.attributes"
          ko-style="Object.assign({}, getStyleWithout(data.main, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight']), {backgroundImage: getBackgroundImage()})"
@@ -34,6 +36,4 @@
              css="placeholderCss()"
              translate="'Drag content types or columns here'"/>
     </div>
-    <div class="pagebuilder-display-label"
-         text="function () { return displayLabel().toUpperCase(); }()"/>
 </div>

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/row/full-width/preview.html

@@ -8,6 +8,8 @@
 <div class="pagebuilder-affordance-row pagebuilder-content-type pagebuilder-content-type-affordance"
      ko-style="getStyle(data.main, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'])"
      event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+    <div class="pagebuilder-display-label"
+         text="function () { return displayLabel().toUpperCase(); }()"/>
     <div class="pagebuilder-content-type pagebuilder-row type-container no-system-border children-min-height"
          attr="data.main.attributes"
          ko-style="Object.assign({}, getStyleWithout(data.main, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight']), {backgroundImage: getBackgroundImage()})"
@@ -34,6 +36,4 @@
              css="placeholderCss()"
              translate="'Drag content types or columns here'"/>
     </div>
-    <div class="pagebuilder-display-label"
-         text="function () { return displayLabel().toUpperCase(); }()"/>
 </div>