PB-1142: Column with margin on cms page rendered trough block displays incorrectly on stage mobile viewport

omiroshnichenko · omiroshnichenko · commit 9ebd870f6398 · 2020-12-16T13:08:58.000-06:00
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/block/_mobile.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/block/_mobile.less
@@ -9,9 +9,9 @@
     .pagebuilder-content-type.pagebuilder-block {
         .rendered-content {
             .pagebuilder-column-group {
-                display: block !important;
+                flex-wrap: wrap;
                 .pagebuilder-column {
-                    width: 100% !important;
+                    flex-basis: 100%;
                 }
             }
         }

Original file line number	Diff line number	Diff line change
`@@ -9,9 +9,9 @@`
`9`	`9`	`.pagebuilder-content-type.pagebuilder-block {`
`10`	`10`	`.rendered-content {`
`11`	`11`	`.pagebuilder-column-group {`
`12`		`- display: block !important;`
	`12`	`+ flex-wrap: wrap;`
`13`	`13`	`.pagebuilder-column {`
`14`		`- width: 100% !important;`
	`14`	`+ flex-basis: 100%;`
`15`	`15`	`}`
`16`	`16`	`}`
`17`	`17`	`}`