MAGETWO-92697: Add vertical alignment to column configuration

- remove static properties from main element
- rename content to container

Author: anthoula

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/column/full-height/master.html

@@ -7,7 +7,7 @@
 
 <div class="pagebuilder-column"
      attr="data.main.attributes"
-     ko-style="Object.assign(data.main.style(), data.content.style())"
+     ko-style="Object.assign(data.main.style(), data.container.style())"
      css="data.main.css">
     <render args="renderChildTemplate"/>
 </div>

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/column/full-height/preview.html

@@ -16,7 +16,7 @@
          data-bind="visible: $index() < $parent.parent.children().length - 1"></div>
     <div class="pagebuilder-resizing" css="{active: resizing}"></div>
     <render args="getOptions().template"></render>
-    <div class="element-children content-type-container" each="parent.getChildren()" ko-style="data.content.style" css="getChildrenCss()" attr="{id: parent.id + '-children'}" data-bind="sortable: getSortableOptions()" afterRender="function (element) { if (typeof afterChildrenRender === 'function') { afterChildrenRender(element); } }">
+    <div class="element-children content-type-container" each="parent.getChildren()" ko-style="data.container.style" css="getChildrenCss()" attr="{id: parent.id + '-children'}" data-bind="sortable: getSortableOptions()" afterRender="function (element) { if (typeof afterChildrenRender === 'function') { afterChildrenRender(element); } }">
         <if args="$parent.isContainer()">
             <div class="pagebuilder-drop-indicator"></div>
         </if>

app/code/Magento/PageBuilder/view/base/pagebuilder/content_type/column.xml

@@ -41,8 +41,6 @@
                                     <property name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
                                     <property name="width" source="width"/>
                                     <static_property source="align_self" value="stretch"/>
-                                    <static_property source="display" value="flex" persist="false"/>
-                                    <static_property source="flex_direction" value="column" persist="false"/>
                                     <complex_property name="margins_and_padding" reader="Magento_PageBuilder/js/property/margins-and-paddings" converter="Magento_PageBuilder/js/converter/style/margins-and-paddings"/>
                                 </style_properties>
                                 <attributes>
@@ -55,7 +53,7 @@
                                     </filter>
                                 </css>
                             </element>
-                            <element name="content">
+                            <element name="container">
                                 <style_properties>
                                     <property name="justify_content" source="justify_content"/>
                                     <static_property source="display" value="flex"/>
@@ -95,8 +93,6 @@
                                     <property name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
                                     <property name="width" source="width"/>
                                     <static_property source="align_self" value="flex-start"/>
-                                    <static_property source="display" value="flex" persist="false"/>
-                                    <static_property source="flex_direction" value="column" persist="false"/>
                                     <complex_property name="margins_and_padding" reader="Magento_PageBuilder/js/property/margins-and-paddings" converter="Magento_PageBuilder/js/converter/style/margins-and-paddings"/>
                                 </style_properties>
                                 <attributes>
@@ -109,7 +105,7 @@
                                     </filter>
                                 </css>
                             </element>
-                            <element name="content">
+                            <element name="container">
                                 <style_properties>
                                     <property name="justify_content" source="justify_content"/>
                                     <static_property source="display" value="flex"/>
@@ -149,8 +145,6 @@
                                     <property name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
                                     <property name="width" source="width"/>
                                     <static_property source="align_self" value="center"/>
-                                    <static_property source="display" value="flex" persist="false"/>
-                                    <static_property source="flex_direction" value="column" persist="false"/>
                                     <complex_property name="margins_and_padding" reader="Magento_PageBuilder/js/property/margins-and-paddings" converter="Magento_PageBuilder/js/converter/style/margins-and-paddings"/>
                                 </style_properties>
                                 <attributes>
@@ -163,7 +157,7 @@
                                     </filter>
                                 </css>
                             </element>
-                            <element name="content">
+                            <element name="container">
                                 <style_properties>
                                     <property name="justify_content" source="justify_content"/>
                                     <static_property source="display" value="flex"/>
@@ -203,8 +197,6 @@
                                     <property name="min_height" source="min_height" converter="Magento_PageBuilder/js/converter/style/remove-px"/>
                                     <property name="width" source="width"/>
                                     <static_property source="align_self" value="flex-end"/>
-                                    <static_property source="display" value="flex" persist="false"/>
-                                    <static_property source="flex_direction" value="column" persist="false"/>
                                     <complex_property name="margins_and_padding" reader="Magento_PageBuilder/js/property/margins-and-paddings" converter="Magento_PageBuilder/js/converter/style/margins-and-paddings"/>
                                 </style_properties>
                                 <attributes>
@@ -217,7 +209,7 @@
                                     </filter>
                                 </css>
                             </element>
-                            <element name="content">
+                            <element name="container">
                                 <style_properties>
                                     <property name="justify_content" source="justify_content"/>
                                     <static_property source="display" value="flex"/>