Browse code

Add vertical alignment for GridPlacementWrapper

Benjamin Roth authored on25/04/2025 16:10:45
Showing1 changed files
... ...
@@ -3,10 +3,12 @@
3 3
 
4 4
 {% block content %}
5 5
 <div class="grid-placement-wrapper gp--grid-container">
6
-    <div class="grid-placement-content{{ grid_mobile_classes is not empty ? ' ' ~ grid_mobile_classes }}{{ grid_tablet_classes is not empty ? ' ' ~ grid_tablet_classes }}{{ grid_classes is not empty ? ' ' ~ grid_classes }}">
7
-        {% for fragment in nested_fragments %}
8
-            {{ content_element(fragment) }}
9
-        {% endfor %}
6
+    <div class="grid-placement-content{{ data.vr_gpw_desktop_vAlign is not empty ? ' ' ~ data.vr_gpw_desktop_vAlign }}{{ data.vr_gpw_tablet_vAlign is not empty ? ' ' ~ data.vr_gpw_tablet_vAlign }}{{ data.vr_gpw_mobile_vAlign is not empty ? ' ' ~ data.vr_gpw_mobile_vAlign }}{{ grid_mobile_classes is not empty ? ' ' ~ grid_mobile_classes }}{{ grid_tablet_classes is not empty ? ' ' ~ grid_tablet_classes }}{{ grid_classes is not empty ? ' ' ~ grid_classes }}">
7
+        <div class="grid-placement-fragments">
8
+            {% for fragment in nested_fragments %}
9
+                {{ content_element(fragment) }}
10
+            {% endfor %}
11
+        </div>
10 12
     </div>
11 13
 </div>
12 14
 {% endblock %}
Browse code

Add a grid placement wrapper content element

Benjamin Roth authored on01/03/2025 21:22:53
Showing1 changed files
... ...
@@ -2,5 +2,11 @@
2 2
 {% import "@ContaoCore/Image/Studio/_macros.html.twig" as studio %}
3 3
 
4 4
 {% block content %}
5
-
5
+<div class="grid-placement-wrapper gp--grid-container">
6
+    <div class="grid-placement-content{{ grid_mobile_classes is not empty ? ' ' ~ grid_mobile_classes }}{{ grid_tablet_classes is not empty ? ' ' ~ grid_tablet_classes }}{{ grid_classes is not empty ? ' ' ~ grid_classes }}">
7
+        {% for fragment in nested_fragments %}
8
+            {{ content_element(fragment) }}
9
+        {% endfor %}
10
+    </div>
11
+</div>
6 12
 {% endblock %}
Browse code

Backend definition of GridPlacementWrapper content element

Benjamin Roth authored on28/02/2025 14:58:41
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,6 @@
1
+{% extends "@Contao/content_element/_base.html.twig" %}
2
+{% import "@ContaoCore/Image/Studio/_macros.html.twig" as studio %}
3
+
4
+{% block content %}
5
+
6
+{% endblock %}