MC-4117: Update banner to use new background images logic

anthoula · anthoula · commit e1e0e05bf861 · 2018-10-10T11:09:29.000-05:00
- fix overlay when rendered in block on stage
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_collage-center.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_collage-center.less
@@ -19,3 +19,21 @@
         }
     }
 }
+
+//
+//  Collage center appearance styles rendered through Block
+//  _______________________________________________________
+
+
+[data-appearance='collage-centered'] {
+    .pagebuilder-banner-wrapper {
+        .pagebuilder-overlay {
+            margin-left: auto;
+            margin-right: auto;
+
+            .pagebuilder-collage-content {
+                padding: 30px;
+            }
+        }
+    }
+}
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_collage-left.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_collage-left.less
@@ -12,3 +12,13 @@
         padding: 35px 20px;
     }
 }
+
+//
+//  Collage left appearance styles rendered through Block
+//  _____________________________________________________
+
+[data-appearance='collage-left'] {
+    .pagebuilder-collage-content {
+        padding: 30px;
+    }
+}
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_collage-right.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_collage-right.less
@@ -18,3 +18,18 @@
         }
     }
 }
+
+//
+//  Collage right appearance styles rendered through Block
+//  ______________________________________________________
+
+
+[data-appearance='collage-right'] {
+    .pagebuilder-overlay {
+        margin-left: auto;
+
+        .pagebuilder-collage-content {
+            padding: 30px;
+        }
+    }
+}
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_default.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/banner/_default.less
@@ -92,3 +92,21 @@
         cursor: default;
     }
 }
+
+//
+//  Default appearance styles rendered through Block
+//  ________________________________________________
+
+[data-role='banner'] {
+    .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
+        max-width: 50%;
+    }
+
+    [data-element='content'] {
+        min-height: 50px;
+    }
+
+    .pagebuilder-banner-button {
+        margin: 20px 0 0 0;
+    }
+}

Original file line number	Diff line number	Diff line change
`@@ -12,3 +12,13 @@`
`12`	`12`	`padding: 35px 20px;`
`13`	`13`	`}`
`14`	`14`	`}`
	`15`	`+`
	`16`	`+//`
	`17`	`+// Collage left appearance styles rendered through Block`
	`18`	`+// _____________________________________________________`
	`19`	`+`
	`20`	`+[data-appearance='collage-left'] {`
	`21`	`+ .pagebuilder-collage-content {`
	`22`	`+ padding: 30px;`
	`23`	`+ }`
	`24`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -18,3 +18,18 @@`
`18`	`18`	`}`
`19`	`19`	`}`
`20`	`20`	`}`
	`21`	`+`
	`22`	`+//`
	`23`	`+// Collage right appearance styles rendered through Block`
	`24`	`+// ______________________________________________________`
	`25`	`+`
	`26`	`+`
	`27`	`+[data-appearance='collage-right'] {`
	`28`	`+ .pagebuilder-overlay {`
	`29`	`+ margin-left: auto;`
	`30`	`+`
	`31`	`+ .pagebuilder-collage-content {`
	`32`	`+ padding: 30px;`
	`33`	`+ }`
	`34`	`+ }`
	`35`	`+}`