MC-3948: Sync with slider wysiwyg implementation

Hwashiang Yu · Hwashiang Yu · commit 9af60415e670 · 2018-08-29T12:53:21.000-05:00
- Updated wysiwyg background to white
- Fixed wysiwyg border on collages to not have extra spacing"
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
@@ -33,20 +33,16 @@
     }
 
     .pagebuilder-banner-text-content {
-        padding: 0 20px;
         position: relative;
 
-        &.pagebuilder-toolbar-active {
-            box-shadow: 0 0 0 1px @color-gray80;
-        }
         .mce-tinymce-inline {
             left: 0;
             right: 0;
             z-index: 20;
         }
         > .mce-content-body {
             min-height: 50px;
-            padding: 5px 0 !important;
+            padding: 5px 20px !important;
 
             + .placeholder-text {
                 font-size: 14px;
@@ -63,7 +59,6 @@
         }
 
         .inline-wysiwyg-textarea {
-            background-color: transparent;
             border: 0;
             margin: 2px 0;
             min-height: 50px;
@@ -77,5 +72,12 @@
                 resize: vertical;
             }
         }
+
+        &.pagebuilder-toolbar-active {
+            .inline-wysiwyg,
+            .inline-wysiwyg-textarea {
+                box-shadow: 0 0 0 1px @color-gray80;
+            }
+        }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -33,20 +33,16 @@`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`.pagebuilder-banner-text-content {`
`36`		`- padding: 0 20px;`
`37`	`36`	`position: relative;`
`38`	`37`
`39`		`- &.pagebuilder-toolbar-active {`
`40`		`- box-shadow: 0 0 0 1px @color-gray80;`
`41`		`- }`
`42`	`38`	`.mce-tinymce-inline {`
`43`	`39`	`left: 0;`
`44`	`40`	`right: 0;`
`45`	`41`	`z-index: 20;`
`46`	`42`	`}`
`47`	`43`	`> .mce-content-body {`
`48`	`44`	`min-height: 50px;`
`49`		`- padding: 5px 0 !important;`
	`45`	`+ padding: 5px 20px !important;`
`50`	`46`
`51`	`47`	`+ .placeholder-text {`
`52`	`48`	`font-size: 14px;`
`@@ -63,7 +59,6 @@`
`63`	`59`	`}`
`64`	`60`
`65`	`61`	`.inline-wysiwyg-textarea {`
`66`		`- background-color: transparent;`
`67`	`62`	`border: 0;`
`68`	`63`	`margin: 2px 0;`
`69`	`64`	`min-height: 50px;`
`@@ -77,5 +72,12 @@`
`77`	`72`	`resize: vertical;`
`78`	`73`	`}`
`79`	`74`	`}`
	`75`	`+`
	`76`	`+ &.pagebuilder-toolbar-active {`
	`77`	`+ .inline-wysiwyg,`
	`78`	`+ .inline-wysiwyg-textarea {`
	`79`	`+ box-shadow: 0 0 0 1px @color-gray80;`
	`80`	`+ }`
	`81`	`+ }`
`80`	`82`	`}`
`81`	`83`	`}`