Add conditional additional settings to the hero block

[woodwoerk]

Description

• Add a new side-by-side hero layout
• Add conditional additional settings utilising Add generic field visibility for StreamField StructBlocks kausal-backend-common#92 to the FrontPageHeroBlock which allow the user to specify the image fit and background colour of the small and side by side layouts.

Screenshots/Videos (if applicable)

Screen recording in Drive

Related issue

Asana ticket

Requirements, dependencies and related PRs

kausaltech/kausal-backend-common#92

---

✅ Pre-Merge Checklist

Type of Change

• Set the PR's label to match the nature of this change

Testing

• Built Unit tests (unit tests added/updated)
• Built E2E tests (if applicable. E2E tests added/updated)
• Authorization is tested (permissions and access controls verified)
• Manually tested locally (functionality verified)

  Manual testing instructions

  If feature requires manual testing by reviewer, you can provide instructions here.

Internationalization & Accessibility

• New strings are translatable (all user-facing text uses i18n)
• Accessibility standards met (WCAG compliance, screen reader support)

Integrations (if applicable)

If there are model changes to models which use any of the features below, verify the new models work together with the features.
For example, when adding a new model, verify the new model instances are copied when copying a plan.

• Moderation integration implemented
• Reporting integration implemented
• Copy plan feature integration implemented
• Umbrella plan structure integration implemented

Dependencies

• Dependencies are merged (if applicable. If the change depends on other PRs e.g. kausal_common)

[kausal-code-coverage]

Codecov Report

❌ Patch coverage is 80.55556% with 7 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
pages/blocks.py	80.55%	7 Missing ⚠️

@@            Coverage Diff             @@
##             main     #600      +/-   ##
==========================================
+ Coverage   62.65%   62.66%   +0.01%     
==========================================
  Files         387      387              
  Lines       40949    40983      +34     
  Branches     5235     5238       +3     
==========================================
+ Hits        25657    25684      +27     
- Misses      13682    13689       +7     
  Partials     1610     1610              

Flag	Coverage Δ
e2e-tests	8.60% <0.00%> (-0.01%)	⬇️
unittests	60.00% <80.55%> (+0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
pages/blocks.py	79.31% <80.55%> (+0.02%)	⬆️

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: a620c42607

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

[chatgpt-codex-connector]

Preserve defaults for existing small-image heroes

When a page already contains a front_page_hero saved before this migration with layout='small_image', the stored StreamField JSON has no additional_settings key because the migration only alters the block schema. This resolver therefore returns null for a layout that now exposes additional settings, so existing heroes do not receive the new defaults such as fit_image=True unless every page is manually resaved or the resolver/data migration synthesizes the default settings.

Useful? React with 👍 / 👎.