Mobile columns (#9)

* all columns full width on mobile * Updated composer version
Shape-and-Shift · Nov 26, 2020 · 14b4439 · 14b4439
1 parent 0792e1e
commit 14b4439
Show file tree

Hide file tree

Showing 13 changed files with 35 additions and 32 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,6 @@
+# 1.0.7
+- all columns on mobile are full width
+
 # 1.0.6
 - adjusted responsive columns of grid 3-3-3-3
 

diff --git a/composer.json b/composer.json
@@ -2,7 +2,7 @@
     "name": "sas/cms-grid-blocks",
     "description": "CMS grid blocks",
     "type": "shopware-platform-plugin",
-    "version": "v1.0.6",
+    "version": "v1.0.7",
     "license": "proprietary",
         "authors": [
             {

diff --git a/src/Resources/views/storefront/block/cms-block-grid-2-2-2-2-2-2.html.twig b/src/Resources/views/storefront/block/cms-block-grid-2-2-2-2-2-2.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_2_2_2_2_2_2_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-2">
+        <div class="col-12 col-md-2">
             {% block block_grid_2_2_2_2_2_2_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_2_2_2_2_2_2_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-2">
+        <div class="col-12 col-md-2">
             {% block block_grid_2_2_2_2_2_2_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -23,7 +23,7 @@
     {% block block_grid_2_2_2_2_2_2_col_3 %}
         {% set element = block.slots.getSlot('col-3') %}
 
-        <div class="col col-md-2">
+        <div class="col-12 col-md-2">
             {% block block_grid_2_2_2_2_2_2_col_3_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -33,7 +33,7 @@
     {% block block_grid_2_2_2_2_2_2_col_4 %}
         {% set element = block.slots.getSlot('col-4') %}
 
-        <div class="col col-md-2">
+        <div class="col-12 col-md-2">
             {% block block_grid_2_2_2_2_2_2_col_4_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -43,7 +43,7 @@
     {% block block_grid_2_2_2_2_2_2_col_5 %}
         {% set element = block.slots.getSlot('col-5') %}
 
-        <div class="col col-md-2">
+        <div class="col-12 col-md-2">
             {% block block_grid_2_2_2_2_2_2_col_5_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -53,7 +53,7 @@
     {% block block_grid_2_2_2_2_2_2_col_6 %}
         {% set element = block.slots.getSlot('col-6') %}
 
-        <div class="col col-md-2">
+        <div class="col-12 col-md-2">
             {% block block_grid_2_2_2_2_2_2_col_6_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-2-8-2.html.twig b/src/Resources/views/storefront/block/cms-block-grid-2-8-2.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_2_8_2_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-2">
+        <div class="col-12 col-md-2">
             {% block block_grid_2_8_2_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_2_8_2_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-8">
+        <div class="col-12 col-md-8">
             {% block block_grid_2_8_2_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -23,7 +23,7 @@
     {% block block_grid_2_8_2_col_3 %}
         {% set element = block.slots.getSlot('col-3') %}
 
-        <div class="col col-md-2">
+        <div class="col-12 col-md-2">
             {% block block_grid_2_8_2_col_3_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-3-3-6.html.twig b/src/Resources/views/storefront/block/cms-block-grid-3-3-6.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_3_3_6_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-3">
+        <div class="col-12 col-md-3">
             {% block block_grid_3_3_6_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_3_3_6_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-3">
+        <div class="col-12 col-md-3">
             {% block block_grid_3_3_6_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -23,7 +23,7 @@
     {% block block_grid_3_3_6_col_3 %}
         {% set element = block.slots.getSlot('col-3') %}
 
-        <div class="col col-md-6">
+        <div class="col-12 col-md-6">
             {% block block_grid_3_3_6_col_3_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-3-6-3.html.twig b/src/Resources/views/storefront/block/cms-block-grid-3-6-3.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_3_6_3_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-3">
+        <div class="col-12 col-md-3">
             {% block block_grid_3_6_3_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_3_6_3_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-6">
+        <div class="col-12 col-md-6">
             {% block block_grid_3_6_3_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -23,7 +23,7 @@
     {% block block_grid_3_6_3_col_3 %}
         {% set element = block.slots.getSlot('col-3') %}
 
-        <div class="col col-md-3">
+        <div class="col-12 col-md-3">
             {% block block_grid_2_8_2_col_3_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-3-9.html.twig b/src/Resources/views/storefront/block/cms-block-grid-3-9.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_3_9_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-3">
+        <div class="col-12 col-md-3">
             {% block block_grid_3_9_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_3_9_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-9">
+        <div class="col-12 col-md-9">
             {% block block_grid_3_9_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-4-4-4.html.twig b/src/Resources/views/storefront/block/cms-block-grid-4-4-4.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_4_4_4_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-4">
+        <div class="col-12 col-md-4">
             {% block block_grid_4_4_4_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_4_4_4_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-4">
+        <div class="col-12 col-md-4">
             {% block block_grid_4_4_4_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -23,7 +23,7 @@
     {% block block_grid_4_4_4_col_3 %}
         {% set element = block.slots.getSlot('col-3') %}
 
-        <div class="col col-md-4">
+        <div class="col-12 col-md-4">
             {% block block_grid_4_4_4_col_3_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-4-8.html.twig b/src/Resources/views/storefront/block/cms-block-grid-4-8.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_4_8_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-4">
+        <div class="col-12 col-md-4">
             {% block block_grid_4_8_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_4_8_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-8">
+        <div class="col-12 col-md-8">
             {% block block_grid_4_8_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-6-3-3.html.twig b/src/Resources/views/storefront/block/cms-block-grid-6-3-3.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_6_3_3_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-6">
+        <div class="col-12 col-md-6">
             {% block block_grid_6_3_3_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_6_3_3_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-3">
+        <div class="col-12 col-md-3">
             {% block block_grid_6_3_3_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -23,7 +23,7 @@
     {% block block_grid_6_3_3_col_3 %}
         {% set element = block.slots.getSlot('col-3') %}
 
-        <div class="col col-md-3">
+        <div class="col-12 col-md-3">
             {% block block_grid_6_3_3_col_3_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-6-6.html.twig b/src/Resources/views/storefront/block/cms-block-grid-6-6.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_6_6_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-6">
+        <div class="col-12 col-md-6">
             {% block block_grid_6_6_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_6_6_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-6">
+        <div class="col-12 col-md-6">
             {% block block_grid_6_6_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-8-4.html.twig b/src/Resources/views/storefront/block/cms-block-grid-8-4.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_8_4_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-8">
+        <div class="col-12 col-md-8">
             {% block block_grid_8_4_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_8_4_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-4">
+        <div class="col-12 col-md-4">
             {% block block_grid_8_4_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}

diff --git a/src/Resources/views/storefront/block/cms-block-grid-9-3.html.twig b/src/Resources/views/storefront/block/cms-block-grid-9-3.html.twig
@@ -3,7 +3,7 @@
     {% block block_grid_9_3_col_1 %}
         {% set element = block.slots.getSlot('col-1') %}
 
-        <div class="col col-md-9">
+        <div class="col-12 col-md-9">
             {% block block_grid_9_3_col_1_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}
@@ -13,7 +13,7 @@
     {% block block_grid_9_3_col_2 %}
         {% set element = block.slots.getSlot('col-2') %}
 
-        <div class="col col-md-3">
+        <div class="col-12 col-md-3">
             {% block block_grid_9_3_col_2_inner %}
                 {% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
             {% endblock %}