Fix the template - empty div case

torchbox · Jan 31, 2025 · e5e41f8 · e5e41f8
1 parent fb274dd
commit e5e41f8
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/..._styleguide/templates/patterns/molecules/streamfield/blocks/four_photo_collage_block.html b/..._styleguide/templates/patterns/molecules/streamfield/blocks/four_photo_collage_block.html
@@ -10,14 +10,16 @@
             {% endfor %}
         </div>
     </div>
-    <div class="four-photo-collage__text">
-        {% if value.caption %}
-            <div class="rich-text heading heading--three heading--light mb-8">
-                {{ value.caption|richtext }}
-            </div>
-        {% endif %}
-        {% if value.description %}
-            <div class="rich-text four-photo-collage__description">{{ value.description|richtext }}</div>
-        {% endif %}
-    </div>
+    {% if value.caption or value.description %}
+        <div class="four-photo-collage__text">
+            {% if value.caption %}
+                <div class="rich-text heading heading--three heading--light mb-8">
+                    {{ value.caption|richtext }}
+                </div>
+            {% endif %}
+            {% if value.description %}
+                <div class="rich-text four-photo-collage__description">{{ value.description|richtext }}</div>
+            {% endif %}
+        </div>
+    {% endif %}
 </div>