home/blocks//templates: remove required from teaser text, update temp…

…late and styling fixes #445
liqd · Jan 16, 2023 · 7402061 · 7402061
1 parent 41441cf
commit 7402061
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/apps/home/blocks.py b/apps/home/blocks.py
@@ -5,7 +5,7 @@
 
 
 class TeaserBlock(blocks.StructBlock):
-    text = blocks.RichTextBlock()
+    text = blocks.RichTextBlock(required=False)
     button_text = blocks.CharBlock()
     button_link = blocks.PageChooserBlock()
     icon = IconBlock()

diff --git a/apps/home/templates/home/blocks/teaser_block.html b/apps/home/templates/home/blocks/teaser_block.html
@@ -2,6 +2,10 @@
 
 <div class="teasers-block__item l-col-3">
     <i class="fa {{ value.icon }} teasers-block__icon"></i>
+    {% if value.text %}
     <div class="teasers-block__text">{{ value.text|richtext }}</div>
+    {% else %}
+    <div class="teasers-block__spacer"></div>
+    {% endif %}
     <a href="{% pageurl value.button_link %}" class="button button--primary">{{ value.button_text }}</a>
 </div>
diff --git a/tempelhof/assets/scss/components/_teasers_block.scss b/tempelhof/assets/scss/components/_teasers_block.scss
@@ -20,6 +20,10 @@
     margin-bottom: 0.7em;
 }
 
+.teasers-block__spacer {
+    margin-bottom: 1.75rem;
+}
+
 .teasers-block__icon {
     font-size: 3.6rem;
     color: contrast-color($bg-secondary, $text-secondary);