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 %}