template updates

liqd · Jun 20, 2022 · 5746143 · 5746143
1 parent 9bf79d0
commit 5746143
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 50 deletions.
diff --git a/adhocracy-plus/assets/scss/components/_blocks.scss b/adhocracy-plus/assets/scss/components/_blocks.scss
@@ -52,29 +52,6 @@ $block-padding-md: 7.5 * $padding;
     text-align: left;
 }
 
-.block-img-col-1 {
-    @extend .col-md-7;
-
-    img {
-        display: inline-block;
-        float: left;
-        padding-right: $padding;
-    }
-}
-
-.block-img-col-2 {
-    @extend .col-md-5;
-
-    .block-img-col__image {
-        width: 100%;
-        position: relative;
-
-        @media screen and (min-width: $breakpoint-xxl) {
-            margin-top: 2 * $spacer;
-        }
-    }
-}
-
 // old block styling, still used in activity block
 .block--bordered {
     padding: 1em;
@@ -88,7 +65,6 @@ $block-padding-md: 7.5 * $padding;
 
 // responsive padding for image, 2 col cta
 .homepage__wrapper {
-    .block-img-col-1,
     .block-row-2 {
         padding: 2 * $padding;
 
@@ -128,26 +104,20 @@ $block-padding-md: 7.5 * $padding;
         width: 80px;
         border-bottom: solid 8px $brand-secondary;
     }
-
-    .block-img-col-1 {
-        h2:after {
-            left: 0;
-        }
-    }
 }
 
 // coloured background block
-.block-background_cta_block .block > :first-child {
+.block-background_cta_block .block-light {
     background-color: $brand-secondary;
 }
 
-.block-background_cta_block .block > :last-child {
+.block-background_cta_block .block-dark {
     background-color: $brand-primary;
     color: $text-color-inverted;
 }
 
 // linked for specificty
-.btn--transparent.block-bg_btn-2 {
+.block-dark .btn--transparent {
     color: $text-color-inverted;
     border-color: $text-color-inverted;
 

diff --git a/apps/cms/blocks.py b/apps/cms/blocks.py
@@ -31,15 +31,8 @@ class Meta:
 
 # 2-col, richtext, CTA btn, background colour
 class ColBackgroundCTABlock(blocks.StructBlock):
-    columns_count = blocks.ChoiceBlock(choices=[
-        (1, 'One column'),
-        (2, 'Two columns')
-
-    ], default=2)
-
-    columns = blocks.ListBlock(
-        CallToActionBlock(label='CTA with Background')
-    )
+    column1_bg = CallToActionBlock(label='CTA column light blue')
+    column2_bg = CallToActionBlock(label='CTA column dark blue')
 
     class Meta:
         template = 'a4_candy_cms_pages/blocks/col_background_cta_block.html'

diff --git a/apps/cms/pages/migrations/0012_auto_20220616_1536.py b/apps/cms/pages/migrations/0012_auto_20220616_1536.py
@@ -0,0 +1,25 @@
+# Generated by Django 3.2.13 on 2022-06-16 13:36
+
+from django.db import migrations
+import wagtail.blocks
+import wagtail.fields
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('a4_candy_cms_pages', '0011_auto_20220616_1529'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='homepage',
+            name='body_streamfield_de',
+            field=wagtail.fields.StreamField([('background_cta_block', wagtail.blocks.StructBlock([('column1_bg', wagtail.blocks.StructBlock([('body', wagtail.blocks.RichTextBlock(required=False)), ('link', wagtail.blocks.CharBlock(required=False)), ('link_text', wagtail.blocks.CharBlock(label='Link Text', max_length=50, required=False))], label='CTA column light blue')), ('column2_bg', wagtail.blocks.StructBlock([('body', wagtail.blocks.RichTextBlock(required=False)), ('link', wagtail.blocks.CharBlock(required=False)), ('link_text', wagtail.blocks.CharBlock(label='Link Text', max_length=50, required=False))], label='CTA column dark blue'))])), ('columns_cta', wagtail.blocks.StructBlock([('columns_count', wagtail.blocks.ChoiceBlock(choices=[(1, 'One column'), (2, 'Two columns'), (3, 'Three columns')])), ('columns', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('body', wagtail.blocks.RichTextBlock(required=False)), ('link', wagtail.blocks.CharBlock(required=False)), ('link_text', wagtail.blocks.CharBlock(label='Link Text', max_length=50, required=False))], label='CTA Column')))])), ('html', wagtail.blocks.RawHTMLBlock()), ('paragraph', wagtail.blocks.RichTextBlock()), ('news', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock()), ('news_page', wagtail.blocks.PageChooserBlock(page_type=['a4_candy_cms_news.NewsIndexPage']))])), ('use_cases', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock()), ('use_cases', wagtail.blocks.ListBlock(wagtail.blocks.PageChooserBlock(page_type=['a4_candy_cms_use_cases.UseCasePage']))), ('demo_platform', wagtail.blocks.URLBlock()), ('use_case_page', wagtail.blocks.PageChooserBlock(page_type=['a4_candy_cms_use_cases.UseCaseIndexPage']))]))], blank=True, use_json_field=True),
+        ),
+        migrations.AlterField(
+            model_name='homepage',
+            name='body_streamfield_en',
+            field=wagtail.fields.StreamField([('background_cta_block', wagtail.blocks.StructBlock([('column1_bg', wagtail.blocks.StructBlock([('body', wagtail.blocks.RichTextBlock(required=False)), ('link', wagtail.blocks.CharBlock(required=False)), ('link_text', wagtail.blocks.CharBlock(label='Link Text', max_length=50, required=False))], label='CTA column light blue')), ('column2_bg', wagtail.blocks.StructBlock([('body', wagtail.blocks.RichTextBlock(required=False)), ('link', wagtail.blocks.CharBlock(required=False)), ('link_text', wagtail.blocks.CharBlock(label='Link Text', max_length=50, required=False))], label='CTA column dark blue'))])), ('columns_cta', wagtail.blocks.StructBlock([('columns_count', wagtail.blocks.ChoiceBlock(choices=[(1, 'One column'), (2, 'Two columns'), (3, 'Three columns')])), ('columns', wagtail.blocks.ListBlock(wagtail.blocks.StructBlock([('body', wagtail.blocks.RichTextBlock(required=False)), ('link', wagtail.blocks.CharBlock(required=False)), ('link_text', wagtail.blocks.CharBlock(label='Link Text', max_length=50, required=False))], label='CTA Column')))])), ('html', wagtail.blocks.RawHTMLBlock()), ('paragraph', wagtail.blocks.RichTextBlock()), ('news', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock()), ('news_page', wagtail.blocks.PageChooserBlock(page_type=['a4_candy_cms_news.NewsIndexPage']))])), ('use_cases', wagtail.blocks.StructBlock([('title', wagtail.blocks.CharBlock()), ('use_cases', wagtail.blocks.ListBlock(wagtail.blocks.PageChooserBlock(page_type=['a4_candy_cms_use_cases.UseCasePage']))), ('demo_platform', wagtail.blocks.URLBlock()), ('use_case_page', wagtail.blocks.PageChooserBlock(page_type=['a4_candy_cms_use_cases.UseCaseIndexPage']))]))], blank=True, use_json_field=True),
+        ),
+    ]
diff --git a/apps/cms/pages/templates/a4_candy_cms_pages/blocks/col_background_cta_block.html b/apps/cms/pages/templates/a4_candy_cms_pages/blocks/col_background_cta_block.html
@@ -1,14 +1,20 @@
 {% load wagtailcore_tags %}
 
 <div class="block row">
-    {% for column in value.columns %}
-        <div class="block-col-{{ value.columns_count }}">
-            {{ column.body }}
-            {% if column.link %}
-            <div class="block-col_cta-content">
-                <a href="{{ column.link }}" class="btn btn--full btn--transparent block-bg_btn-{{ forloop.counter }} mt-3">{{ column.link_text }}</a>
-            </div>
+    <div class="block-col-2 block-light">
+        {{ value.column1.body }}
+        {% if value.column1.link %}
+        <div class="block-col_cta-content">
+            <a href="{{ column1.link }}" class="btn btn--full btn--transparent mt-3">{{ column1.link_text }}</a>
+        </div>
         {% endif %}
+    </div>
+    <div class="block-col-2 block-dark">
+        {{ column2.body }}
+        {% if value.column2.link %}
+        <div class="block-col_cta-content">
+            <a href="{{ column2.link }}" class="btn btn--full btn--transparent mt-3">{{ column2.link_text }}</a>
         </div>
-    {% endfor %}
+        {% endif %}
+    </div>
 </div>