PB-108 add ability to res-size columns within a column line

Author: paras89

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/column-group/preview.js

@@ -8,6 +8,7 @@
 <div class="pagebuilder-column-line" style="width:100%; position:relative;">
     <div class="column-drop-placeholder" afterRender="function (element) { bindColumnLineDropPlaceholder.call($data, element); }"
          style="background: rgba(142, 0, 6, 0.3); height:30px; position:relative; top:45px; display:none; z-index:26;" ></div>
+    <div class="resize-ghost" afterRender="function (element) { bindGhost.call($data, element); }"></div>
     <div class="drop-placeholder" afterRender="function (element) { bindDropPlaceholder.call($data, element); }"></div>
     <div class="move-placeholder" afterRender="function (element) { bindMovePlaceholder.call($data, element); }"></div>
     <div class="element-children" style="display:flex; width:100%"

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/column-line/preview.js

@@ -124,13 +124,6 @@ export default class Preview extends PreviewCollection {
             }
         });
 
-        // Listen for resizing events from child columns
-        events.on("column:resizeHandleBindAfter", (args: BindResizeHandleEventParamsInterface) => {
-            // Does the events content type match the previews column group?
-            if (args.columnLine.id === this.contentType.id) {
-                this.registerResizeHandle(args.column, args.handle);
-            }
-        });
         events.on("column:initializeAfter", (args: InitElementEventParamsInterface) => {
             // Does the events parent match the previews column group?
             if (args.columnGroup.id === this.contentType.id) {