Rivet - Port Section chunk as custom component

Created on 17 May 2024, 7 months ago
Updated 31 May 2024, 7 months ago

Problem/Motivation

There isn’t a specific Rivet Component for the Section chunk, therefore we’ll
need to create a custom rivet component for sections. As there is a large amount
of options and style classes on this component, the migration effort may be
large.

Keep:

  • Section Title
  • Background Color: N/A → transparent
  • Background Color: Lightgray → rvt-bg-black-000 (light gray)
  • Background Color: Crimson → rvt-bg-black-000 (light gray)
    • Ensure Crimson is still an option for the Hero bg color.
    • Ensure foreground color matches with chosen bg color.
  • Background color: Secondary color → rvt-bg-black-000 (light gray)
    • Upon edit, reselect the correct new item. and do not display the
      legacy options.
  • Display Options → Horizontal Spacing.
    • Default to “Narrow width”.
    • Make the “None” option say “Full width”.
  • Display Options → Vertical separator

Remove:

  • Background Image
  • Parallax
  • Display Options → Vertical Spacing.
  • Display Options → Additional formatting options.

Add:

  • Heading level (h1, h2, h3).
    • In the port to RIVET templates, fix an Document Outline and Accessibility issue: Allow setting the heading level (currently hardcoded as H3). Make Section title default to H2, but selectable (h1, h2, h3).
    • Hide heading if the field content is just empty whitespace.
  • Heading text size (Rivet typography classes).
  • ID attribute (for URL fragments)

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

📌 Task
Status

Fixed

Version

2.2

Component

Code

Created by

🇪🇨Ecuador jwilson3

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024