MC-5372: Collage Center/Left/Right doesn't work correct in a container smaller than 100% width

cspruiell · cspruiell · commit 9e448884d3dc · 2018-11-27T15:47:50.000-06:00
- change collage overlays to fixed px width
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
@@ -21,7 +21,7 @@
         transition: background-color 500ms ease;
 
         &:not(.pagebuilder-poster-overlay) {
-            max-width: 50%;
+            max-width: 540px;
         }
     }
 
@@ -123,7 +123,7 @@
         word-wrap: break-word;
 
         .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
-            max-width: 50%;
+            max-width: 540px;
         }
 
         [data-element='content'] {
diff --git a/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/slide/_default.less b/app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/slide/_default.less
@@ -20,7 +20,7 @@
         font-weight: lighter;
     }
     .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
-        max-width: 50%;
+        max-width: 540px;
     }
 
     .pagebuilder-slide-button {
@@ -118,7 +118,7 @@
         word-wrap: break-word;
 
         .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
-            max-width: 50%;
+            max-width: 540px;
         }
 
         [data-element='content'] {
diff --git a/app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/banner/_default.less b/app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/banner/_default.less
@@ -40,7 +40,7 @@
         }
 
         &:not(.pagebuilder-poster-overlay) {
-            max-width: 50%;
+            max-width: 540px;
         }
     }
 
diff --git a/app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/slide/_default.less b/app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/slide/_default.less
@@ -45,7 +45,7 @@
         }
 
         &:not(.pagebuilder-poster-overlay) {
-            max-width: 50%;
+            max-width: 540px;
         }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`transition: background-color 500ms ease;`
`22`	`22`
`23`	`23`	`&:not(.pagebuilder-poster-overlay) {`
`24`		`- max-width: 50%;`
	`24`	`+ max-width: 540px;`
`25`	`25`	`}`
`26`	`26`	`}`
`27`	`27`
`@@ -123,7 +123,7 @@`
`123`	`123`	`word-wrap: break-word;`
`124`	`124`
`125`	`125`	`.pagebuilder-overlay:not(.pagebuilder-poster-overlay) {`
`126`		`- max-width: 50%;`
	`126`	`+ max-width: 540px;`
`127`	`127`	`}`
`128`	`128`
`129`	`129`	`[data-element='content'] {`
Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@`
`20`	`20`	`font-weight: lighter;`
`21`	`21`	`}`
`22`	`22`	`.pagebuilder-overlay:not(.pagebuilder-poster-overlay) {`
`23`		`- max-width: 50%;`
	`23`	`+ max-width: 540px;`
`24`	`24`	`}`
`25`	`25`
`26`	`26`	`.pagebuilder-slide-button {`
`@@ -118,7 +118,7 @@`
`118`	`118`	`word-wrap: break-word;`
`119`	`119`
`120`	`120`	`.pagebuilder-overlay:not(.pagebuilder-poster-overlay) {`
`121`		`- max-width: 50%;`
	`121`	`+ max-width: 540px;`
`122`	`122`	`}`
`123`	`123`
`124`	`124`	`[data-element='content'] {`
Original file line number	Diff line number	Diff line change
`@@ -40,7 +40,7 @@`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`&:not(.pagebuilder-poster-overlay) {`
`43`		`- max-width: 50%;`
	`43`	`+ max-width: 540px;`
`44`	`44`	`}`
`45`	`45`	`}`
`46`	`46`
Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@`
`45`	`45`	`}`
`46`	`46`
`47`	`47`	`&:not(.pagebuilder-poster-overlay) {`
`48`		`- max-width: 50%;`
	`48`	`+ max-width: 540px;`
`49`	`49`	`}`
`50`	`50`	`}`
`51`	`51`