Create mobile CSS for updated SDDS components

Created on 29 August 2024, 20 days ago
Updated 6 September 2024, 13 days ago

Problem/Motivation

Alan C and Feb did desktop components for the new designs but ran out of time this week to do mobile CSS.

XB shows the mobile design, so we need this for Barcelona.

Steps to reproduce

Proposed resolution

Add mobile CSS to new components and review components with Storybook:

  • 02-molecules/starshot-testimonial-card
  • 03-organisms/starshot-case-study
  • 03-organisms/starshot-cta
  • 03-organisms/starshot-feature-cards
  • 03-organisms/starshot-hero
  • 03-organisms/starshot-listing-testimonial
  • 03-organisms/starshot-stats
  • 04-templates/starshot

Here are ones with the old design that could be referenced as examples:

  • 01-atoms/old-starshot-heading
  • 01-atoms/old-starshot-paragraph
  • 02-molecules/old-starshot-card
  • 02-molecules/old-starshot-data-panel
  • 03-organisms/old-starshot-banner
  • 03-organisms/old-starshot-case-study

Remaining tasks

See above.

To install SDDS on your local, follow the dev guide , but you don't need Experience Builder working, so you can skip that part if you want. You can use npm run storybook or go into the Drupal theme settings page for the Starshot Demo theme to view Storybook.

User interface changes

Mobile versions of components will look okay.

API changes

Data model changes

📌 Task
Status

Fixed

Version

1.0

Component

Code

Created by

🇺🇸United States Kristen Pol Santa Cruz, CA, USA

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

Merge Requests

Comments & Activities

Production build 0.71.5 2024