MC-3735: Allow inline WYSIWYG editing of slides

- Introduce events and delegate mechanism
- Fix slider width on Column resize
- Fix image upload buttons size
- Fix width of poster overlay

Author: omiroshnichenko

app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderSlideCommonTest.xml

@@ -1946,8 +1946,7 @@
             <description value="Verify that user are able to add text into Slide Content Type and see it on storefront"/>
             <severity value="MAJOR"/>
             <useCaseId value="MC-937"/>
-            <!-- TODO: Write test -->
-            <testCaseId value="MC-3465"/>
+            <testCaseId value="MC-3813"/>
             <group value="pagebuilder"/>
             <group value="pagebuilder-text"/>
         </annotations>
@@ -2004,8 +2003,7 @@
             <description value="Verify that user are able to add other content types on Stage when inline edit enabled in Slide Content Type"/>
             <severity value="MAJOR"/>
             <useCaseId value="MC-937"/>
-            <!-- TODO: Write test -->
-            <testCaseId value="MC-3465"/>
+            <testCaseId value="MC-3814"/>
             <group value="pagebuilder"/>
             <group value="pagebuilder-text"/>
         </annotations>

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/slide/_default.less

@@ -12,7 +12,7 @@
 
     .pagebuilder-empty-slide {
         color: @color-gray65-lighten;
-        font-size: 20px;
+        font-size: 14px;
         font-weight: lighter;
     }
 

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/slide/_poster.less

@@ -19,7 +19,7 @@
 
         .wysiwyg-container {
             text-align: center;
-            min-width: 50%;
+            width: 100%;
         }
     }
 }

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/form/element/uploader/preview/_image.less

@@ -36,7 +36,7 @@
     .file-uploader-button {
         margin-left: 15px;
         margin-right: 15px;
-        width: 180px;
+        width: 165px;
     }
 
     .image-upload-instructions {
@@ -159,26 +159,21 @@
     .pagebuilder-options {
         top: 45px;
 
-        .file-uploader-button {
-            margin-bottom: 3px;
-            margin-top: 3px;
-
-            &:first-child {
-                margin-left: 9px;
-            }
-
-            &:not(:first-child) {
-                margin-left: 15px;
-            }
-
+        .pagebuilder-options-link {
             &:last-child {
-                margin-right: 9px;
+                .file-uploader-button {
+                    margin-left: 9px;
+                }
             }
         }
+
+        .file-uploader-button {
+            margin: 0;
+        }
     }
 
     .pagebuilder-options-wrapper {
-        padding: 12px 6px;
+        padding: 10px;
     }
 }