diff --git a/cdhweb/pages/templates/cdhpages/blocks/feature_block.html b/cdhweb/pages/templates/cdhpages/blocks/feature_block.html index 6fad018a9..687aca69a 100644 --- a/cdhweb/pages/templates/cdhpages/blocks/feature_block.html +++ b/cdhweb/pages/templates/cdhpages/blocks/feature_block.html @@ -1,25 +1,28 @@ {% load wagtailcore_tags wagtailimages_tags %} {% image self.image width-400 as img_base %} -
-
-

{{ self.heading }}

- {{ self.feature_text|richtext }} - {% if self.cta_buttons %} - {% include_block self.cta_buttons %} - {% endif %} -
- {% image self.image width-750 as img_base %} - {% image self.image width-1200 as img_sm %} - {% image self.image width-1400 as img_md %} +
+
+
+

{{ self.heading }}

+ {{ self.feature_text|richtext }} + {% if self.cta_buttons %} + {% include_block self.cta_buttons %} + {% endif %} +
- - - - {{ self.alt_text|default:img_base.alt }} - + {% image self.image width-750 as img_base %} + {% image self.image width-1200 as img_sm %} + {% image self.image width-1400 as img_md %} + + + + + {{ self.alt_text|default:img_base.alt }} + +
diff --git a/cdhweb/pages/templates/cdhpages/blocks/image_block.html b/cdhweb/pages/templates/cdhpages/blocks/image_block.html index 71eee2efe..cff02aec7 100644 --- a/cdhweb/pages/templates/cdhpages/blocks/image_block.html +++ b/cdhweb/pages/templates/cdhpages/blocks/image_block.html @@ -17,47 +17,48 @@ {% image self.image width-2300 as img_xxxl %} {% endif %} -
- - {% if img_sm %} - - {% endif %} - {% if img_md %} - - {% endif %} - {% if img_lg %} - - {% endif %} - {% if img_xl %} - - {% endif %} - {% if img_xxl %} - - {% endif %} - {% if img_xxxl %} - - {% endif %} - {{ self.alt_text|default:img_base.alt }} - - - {% if self.credit or self.caption %} -
- {% if self.credit %} -
- {{ self.credit|richtext }} -
+
+
+ + {% if img_sm %} + + {% endif %} + {% if img_md %} + + {% endif %} + {% if img_lg %} + {% endif %} - {% if self.caption %} -
- {{ self.caption|richtext }} -
+ {% if img_xl %} + {% endif %} -
- {% endif %} -
+ {% if img_xxl %} + + {% endif %} + {% if img_xxxl %} + + {% endif %} + {{ self.alt_text|default:img_base.alt }} + + {% if self.credit or self.caption %} +
+ {% if self.credit %} +
+ {{ self.credit|richtext }} +
+ {% endif %} + {% if self.caption %} +
+ {{ self.caption|richtext }} +
+ {% endif %} +
+ {% endif %} + +
diff --git a/cdhweb/pages/templates/cdhpages/blocks/rich_text.html b/cdhweb/pages/templates/cdhpages/blocks/rich_text.html index 737603cef..1179aedaf 100644 --- a/cdhweb/pages/templates/cdhpages/blocks/rich_text.html +++ b/cdhweb/pages/templates/cdhpages/blocks/rich_text.html @@ -1,2 +1,4 @@ {% load wagtailcore_tags %} -{{ self | richtext }} \ No newline at end of file +
+ {{ self | richtext }} +
\ No newline at end of file diff --git a/cdhweb/pages/templates/cdhpages/blocks/table_block.html b/cdhweb/pages/templates/cdhpages/blocks/table_block.html index 8f75be139..ddb1f3344 100644 --- a/cdhweb/pages/templates/cdhpages/blocks/table_block.html +++ b/cdhweb/pages/templates/cdhpages/blocks/table_block.html @@ -2,30 +2,32 @@ {# Note: This is actually a wagtail typed table, not a standard wagtail table #} -{# tabindex is because scrollable elements must be focusable (a11y). allows keyboard users to scroll. #} -
- - {% if value.caption %} - - {% endif %} - - - {% for col in value.table.columns %} - +
+ {# tabindex is because scrollable elements must be focusable (a11y). allows keyboard users to scroll. #} +
+
{{ value.caption }}
{{ col.heading }}
+ {% if value.caption %} + + {% endif %} + + + {% for col in value.table.columns %} + + {% endfor %} + + + + {% for row in value.table.rows %} + + {% for block in row %} + + {% endfor %} + {% endfor %} - - - - {% for row in value.table.rows %} - - {% for block in row %} - - {% endfor %} - - {% endfor %} - -
{{ value.caption }}
{{ col.heading }}
{% include_block block %}
{% include_block block %}
-
-{% if value.notes %} -
{{ value.notes }}
-{% endif %} \ No newline at end of file + + + + {% if value.notes %} +
{{ value.notes }}
+ {% endif %} + \ No newline at end of file diff --git a/cdhweb/static_src/global/components/cta.scss b/cdhweb/static_src/global/components/cta.scss index 2a7ff4169..316065be9 100644 --- a/cdhweb/static_src/global/components/cta.scss +++ b/cdhweb/static_src/global/components/cta.scss @@ -1,4 +1,4 @@ -.block-cta_block { +.cta { border: 1px solid var(--color-brand-100); background-color: var(--color-brand-5); padding: 24px; diff --git a/cdhweb/static_src/global/components/newsletter.scss b/cdhweb/static_src/global/components/newsletter.scss index 9bb9dac52..38a4ca2f5 100644 --- a/cdhweb/static_src/global/components/newsletter.scss +++ b/cdhweb/static_src/global/components/newsletter.scss @@ -1,11 +1,11 @@ /* Newsletter streamfield block. Note: this uses the same `includes/newsletter_form.html` rendered by in