MAGETWO-86867: [Tech Debt] Revise LESS/CSS classes and icons

irenelagno · irenelagno · commit c469a0ea0547 · 2018-05-16T14:29:37.000-05:00
diff --git a/app/code/Magento/PageBuilder/docs/how-to-add-new-content-type.md b/app/code/Magento/PageBuilder/docs/how-to-add-new-content-type.md
@@ -56,7 +56,7 @@ Optional: For template knockout bindings, you can use the original data-bind syn
 Preview template `app/code/Vendor/ModuleName/view/adminhtml/web/template/content-type/simple/default/preview.html`.
 
 ``` HTML
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview" event="{mouseover: onMouseOver, mouseout: onMouseOut}, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview" event="{mouseover: onMouseOver, mouseout: onMouseOut}, mouseoverBubble: false">
     <div attr="data.main.attributes" ko-style="data.main.style" css="data.main.css" html="data.main.html"></div>
     <render args="getOptions().template" />
 </div>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/_preview.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/_preview.less
@@ -84,7 +84,7 @@
         }
     }
 
-    &.pagebuilder-entity {
+    &.pagebuilder-content-type {
         display: inline-block;
         font-size: 0;
         width: 100%;
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/heading/_default.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/heading/_default.less
@@ -8,7 +8,7 @@
 //  _____________________________________________
 
 .pagebuilder-heading {
-    &.pagebuilder-content-type.pagebuilder-entity {
+    &.pagebuilder-content-type {
         display: block;
     }
     > div {
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/text/_default.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/text/_default.less
@@ -8,7 +8,7 @@
 //  _____________________________________________
 
 
-.pagebuilder-entity {
+.pagebuilder-content-type {
     .pagebuilder-textarea {
         ol {
             list-style: decimal;
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/accordion/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/accordion/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type type-nested pagebuilder-entity pagebuilder-entity-preview pagebuilder-accordion" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type type-nested pagebuilder-entity-preview pagebuilder-accordion" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <!-- ko template: getOptions().template --><!-- /ko -->
     <!-- ko if: previewData.items().length == 0 -->
     <i class="icon-pagebuilder-accordian"></i> <span data-bind="text: $t('Accordion');"></span>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/anchor/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/anchor/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-anchor" attr="data.main.attributes" css="data.main.css" ko-style="data.main.style" event="{mouseover: onMouseOver, mouseout: onMouseOut}, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-anchor" attr="data.main.attributes" css="data.main.css" ko-style="data.main.style" event="{mouseover: onMouseOver, mouseout: onMouseOut}, mouseoverBubble: false">
     <i class="icon-pagebuilder-anchor"></i>
     <span text="data.main.attributes().id ? '#' + data.main.attributes().id \: $t('Anchor')"></span>
     <render args="getOptions().template" />
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/collage-centered/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/collage-centered/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-banner" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-banner" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <render args="getOptions().template" />
     <div attr="data.main.attributes" ko-style="Object.assign({}, data.main.style(), data.overlay.style(), data.desktop_image.style(), {paddingLeft: 'calc(25% + ' + data.desktop_image.style().paddingLeft + ')', paddingRight: 'calc(25% + ' + data.desktop_image.style().paddingRight + ')'})" css="data.main.css" event="{mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper}">
         <div class="pagebuilder-collage-overlay" ko-style="data.overlay.style()">
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/collage-left/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/collage-left/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-banner" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-banner" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <render args="getOptions().template" />
     <div css="data.main.css" attr="data.main.attributes" ko-style="Object.assign({}, data.main.style(), data.overlay.style(), data.desktop_image.style(), {paddingRight: 'calc(50% + ' + data.desktop_image.style().paddingRight + ')'})" event="{ mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper }">
         <div class="pagebuilder-collage-overlay" css="data.overlay.css" attr="data.overlay.attributes" ko-style="data.overlay.style">
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/collage-right/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/collage-right/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-banner" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-banner" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <render args="getOptions().template" />
     <div attr="data.main.attributes" ko-style="Object.assign({}, data.main.style(), data.overlay.style(), data.desktop_image.style(), {paddingLeft: 'calc(50% + ' + data.desktop_image.style().paddingLeft + ')'})" css="data.main.css" event="{mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper}">
         <div class="pagebuilder-collage-overlay" attr="data.overlay.attributes" ko-style="data.overlay.style" css="data.overlay.css">
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/poster/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/banner/poster/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-banner" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-banner" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <render args="getOptions().template" />
     <div class="pagebuilder-banner-wrapper" attr="data.main.attributes" ko-style="Object.assign(data.main.style(), data.desktop_image.style())" css="data.main.css" event="{mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper}">
         <div class="pagebuilder-poster-overlay" attr="data.overlay.attributes" ko-style="data.overlay.style" css="data.overlay.css">
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/block/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/block/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-block" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-block" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div if="data.main.html()" attr="data.main.attributes" css="data.main.css" ko-style="data.main.style" html="data.main.html"></div>
     <div ifnot="data.main.html()" class="placeholder-text" translate="'Block'"></div>
     <render args="getOptions().template" />
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/button-item/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/button-item/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-button-item no-system-border" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }">
+<div class="pagebuilder-content-type pagebuilder-button-item no-system-border" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }">
     <render args="getOptions().template" />
     <a data-bind="attr: { class: previewData.button_type() }" ko-style="data.main.style">
         <span data-bind="liveEdit: { field: 'button_text', placeholder: buttonPlaceholder }, hasFocus: $parent.parent.preview.isLiveEditing() === $index(), event: { focusout: onFocusOut.call($data) }"></span>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/buttons/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/buttons/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-buttons" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-buttons" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div data-bind="attr: data.main.attributes, style: data.main.style, css: data.main.css">
         <render args="getOptions().template" />
         <render args="previewChildTemplate" />
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/divider/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/divider/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-divider" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-divider" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div attr="data.main.attributes" css="data.main.css" ko-style="data.main.style">
         <hr attr="data.line.attributes" css="data.line.css" ko-style="data.line.style" />
     </div>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/heading/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/heading/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-heading" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-heading" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <if args="data.main.heading_type() === 'h1'">
         <h1 if="data.main.html()" attr="data.main.attributes" ko-style="data.main.style" css="data.main.css" html="data.main.html"></h1>
         <h1 ifnot="data.main.html()" class="placeholder-text" attr="data.main.attributes" ko-style="data.main.style" css="data.main.css" translate="'Edit Heading Text'"></h1>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/html/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/html/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-html" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-html" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div attr="data.main.attributes" css="data.main.css" ko-style="data.main.style" html="data.main.html"></div>
     <render args="getOptions().template" />
 </div>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/image/full-width/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/image/full-width/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-image type-nested" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-image type-nested" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <render args="getOptions().template" />
     <figure ko-style="data.main.style" attr="data.main.attributes" css="data.main.css">
         <scope args="getUploader().getUiComponent()">
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/map/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/map/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-map" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-map" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div attr="data.main.attributes" css="data.main.css" ko-style="data.main.style" afterRender="renderMap"></div>
     <render args="getOptions().template" />
 </div>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/newsletter/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/newsletter/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-newsletter" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-newsletter" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div if="data.main.html()" attr="data.main.attributes" css="data.main.css" ko-style="data.main.style" html="data.main.html"></div>
     <div ifnot="data.main.html()" class="placeholder-text" translate="'Newsletter'"></div>
     <render args="getOptions().template" />
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/product-list/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/product-list/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-product-list" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-product-list" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div if="data.main.html()" attr="data.main.attributes" ko-style="data.main.style" css="data.main.css" html="data.main.html"></div>
     <div ifnot="data.main.html()" class="placeholder-text" translate="'Product List'"></div>
     <render args="getOptions().template" />
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/product/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/product/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-product" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-product" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div if="data.main.html()" attr="data.main.attributes" ko-style="data.main.style" css="data.main.css" html="data.main.html"></div>
     <div ifnot="data.main.html()" class="placeholder-text" translate="'Product'"></div>
     <render args="getOptions().template" />
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-centered/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-centered/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-slide" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-slide" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }">
     <div data-bind="style: Object.assign(previewStyle(), {
         paddingLeft: 'calc(25% + ' + previewData.margins_and_padding().padding.left + 'px)',
         paddingRight: 'calc(25% + ' + previewData.margins_and_padding().padding.right + 'px)'}), event: { mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper }">
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-left/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-left/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-slide" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-slide" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }">
     <div data-bind="style: Object.assign(previewStyle(), {paddingRight: 'calc(50% + ' + previewData.margins_and_padding().padding.right + 'px)'}), event: { mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper }">
         <div class="pagebuilder-collage-overlay" data-bind="style: getOverlayColorStyle()">
             <div data-bind="css: {'pagebuilder-empty-slide': isContentEmpty()}, html: getContentHtml()"></div>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-right/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/collage-right/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-slide" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-slide" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }">
     <div data-bind="style: Object.assign(previewStyle(), {paddingLeft: 'calc(50% + ' + previewData.margins_and_padding().padding.left + 'px)'}), event: { mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper }">
         <div class="pagebuilder-collage-overlay" data-bind="style: getOverlayColorStyle()">
             <div data-bind="css: {'pagebuilder-empty-slide': isContentEmpty()}, html: getContentHtml()"></div>
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/poster/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/slide/poster/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-slide" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }, attr: {'data-slide-name': previewData.slide_name()}">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-slide" data-bind="event: { mouseover: onMouseOver, mouseout: onMouseOut }, attr: {'data-slide-name': previewData.slide_name()}">
     <div class="pagebuilder-slide-wrapper" data-bind="style: Object.assign(previewStyle(), getBackgroundStyles()), event: { mouseover: onMouseOverWrapper, mouseout: onMouseOutWrapper }">
         <div class="pagebuilder-poster-overlay" data-bind="style: getOverlayStyles()">
             <div class="pagebuilder-poster-content">
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/text/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/text/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-textarea" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-textarea" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div class="pagebuilder-text" if="data.main.html()" attr="data.main.attributes" ko-style="data.main.style" css="Object.assign(data.main.css(), {'placeholder-text': !data.main.html()})" html="data.main.html"></div>
     <div class="pagebuilder-text" ifnot="data.main.html()" attr="data.main.attributes" ko-style="data.main.style" css="Object.assign(data.main.css(), {'placeholder-text': !data.main.html()})" translate="'Text'"></div>
     <render args="getOptions().template" />
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/video/default/preview.html b/app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/video/default/preview.html
@@ -5,7 +5,7 @@
  */
 -->
 
-<div class="pagebuilder-content-type pagebuilder-entity pagebuilder-entity-preview pagebuilder-video" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
+<div class="pagebuilder-content-type pagebuilder-entity-preview pagebuilder-video" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
     <div attr="data.main.attributes" ko-style="data.main.style" css="data.main.css">
         <ifnot args="data.video.attributes().src">
             <i class="icon-pagebuilder-video"></i> <span translate="'Video'"></span>
diff --git a/app/code/Magento/PageBuilder/view/frontend/web/css/source/_module.less b/app/code/Magento/PageBuilder/view/frontend/web/css/source/_module.less
@@ -32,7 +32,7 @@
     width: 100%;
 }
 
-.pagebuilder-entity {
+.pagebuilder-content-type {
     box-sizing: border-box;
     margin-bottom: 20px;
 }

Original file line number	Diff line number	Diff line change
`@@ -84,7 +84,7 @@`
`84`	`84`	`}`
`85`	`85`	`}`
`86`	`86`
`87`		`- &.pagebuilder-entity {`
	`87`	`+ &.pagebuilder-content-type {`
`88`	`88`	`display: inline-block;`
`89`	`89`	`font-size: 0;`
`90`	`90`	`width: 100%;`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`// _____________________________________________`
`9`	`9`
`10`	`10`	`.pagebuilder-heading {`
`11`		`- &.pagebuilder-content-type.pagebuilder-entity {`
	`11`	`+ &.pagebuilder-content-type {`
`12`	`12`	`display: block;`
`13`	`13`	`}`
`14`	`14`	`> div {`