tdm-calculator icon indicating copy to clipboard operation
tdm-calculator copied to clipboard

Typography style changes to bonus points notification infobox

Open NilakshiS opened this issue 1 year ago • 1 comments

Overview

The notification for bonus points on Page 4 uses a different font style than what's used in the current Design System, change the font styling to match the style guide.

Action Items

  • [ ] Remove the drop shadow from the text.
  • [ ] Change the font to "Subheading" style in the style guide.

Resources/Instructions

Steps to reproduce this infobox

  1. Login to the dev site.
  2. Go to "Create Project" page.
  3. Enter some values for the required fields "Project Name", "Address" and "AIN" on Page 1.
  4. Click the forward button to go to the next page.
  5. Put the following values on Page 2:
    1. "Condominium Units": 1000
    2. "..... Enter Parking Spaces req'd": 1000
  6. Click the forward button to go to the next page.
  7. On Page 3 enter the value '50' for "Parking Provided"
  8. Click the forward button to go to the next page.
  9. On Page 4, select "100% Affordable" in the affordable housing selection.
  10. You should see the bonus points notification on top.
Image for current bonus points infobox

image

Link to typography in the Style Guide Link to infoboxes in the Style Guide for more information

NilakshiS avatar Sep 05 '24 04:09 NilakshiS

@NilakshiS Remove the ready for design lead, then:

  • if you are ready to have this prioritized, please add the ready for prioritization label.
  • If you are still working on this issue draft, add the draft label
  • If you have a question for product or dev or research, use the ready for dev lead, ready for product ready for research lead labels

ExperimentsInHonesty avatar Sep 06 '24 18:09 ExperimentsInHonesty

Removed drop shadow from text. Updated font to "Subheading" style in the style guide.

Before: 1825-before

After: Screenshot 2024-09-24 at 10 55 17

akinevans avatar Sep 24 '24 17:09 akinevans