MC-3486: Need basic conflict resolution for toolbar in MC-1416

- Moved min toolbar width to configuration

Author: nathanjosiah

app/code/Magento/PageBuilder/etc/adminhtml/di.xml

@@ -545,6 +545,7 @@
                         <item name="fixed_toolbar_container" xsi:type="boolean">true</item>
                     </item>
                     <item name="mode" xsi:type="string">inline</item>
+                    <item name="minToolbarWidth" xsi:type="number">360</item>
                 </item>
             </argument>
         </arguments>

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

@@ -24,7 +24,6 @@
         }
         .mce-tinymce-inline {
             left: -2px !important;
-            min-width: 360px;
             right: -2px;
             top: -1px !important;
         }

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/wysiwyg.js

@@ -58,22 +58,28 @@ export default class Wysiwyg {
         this.wysiwygAdapter = WysiwygFactory(elementId, config);
 
         const $element = $("#" + elementId);
-        const maxToolbarWidth = 360;
+        const minToolbarWidth = config.additional.minToolbarWidth;
 
         // prevent interactability with options when in editing mode
         this.onFocus(() => {
             window.getSelection().empty();
+
             $(`#${elementId}`).closest(".pagebuilder-content-type").addClass("pagebuilder-toolbar-active");
 
             // If there isn't enough room for a left-aligned toolbar, right align it
-            if ($(window).width() < $element.offset().left + maxToolbarWidth) {
+            if ($(window).width() < $element.offset().left + minToolbarWidth) {
                 $element.addClass("_right-aligned-toolbar");
             }
             else {
                 $element.removeClass("_right-aligned-toolbar");
             }
 
             events.trigger("stage:interactionStart");
+
+            // Wait for everything else to finish
+            _.defer(() => {
+                $(config.adapter.settings.fixed_toolbar_container + ' .mce-tinymce-inline').css('min-width', minToolbarWidth + "px");
+            })
         });
 
         // resume normal interactability with opens when leaving editing mode