accessibility-exchange / platform

The Accessibility Exchange platform.
https://github.com/orgs/accessibility-exchange/projects/2/views/8
BSD 3-Clause "New" or "Revised" License
4 stars 10 forks source link

Update styling for Individual getting started flow to match designs #2201

Open jobara opened 3 months ago

jobara commented 3 months ago

Prerequisites

Describe the bug

In #2142 a new getting started flow was implemented for Individual users. However, the styling doesn't fully match the designs. In particular the "Next steps" and "Completed steps" should have a different colour background to distinguish them from the current step. Also the "Completed steps" header should be larger and have a checkmark icon at the start.

To Reproduce

Steps to reproduce the behavior:

  1. Login as a new Individual User
  2. Go to the dashboard
  3. Look at the Getting started panel

Expected behavior

The styling should be updated to match the designs

Figma wireframes

Screenshots

A screen shot showing what is currently implemented.

Screenshot showing the implemented styling

A screenshot showing what was designed. Notice the Next steps and Completed steps sections.

Screenshot showing the designed styling

Details

Additional context

No response