Legislative process content 3/9: Bill status

[Th1nkK1D]

Scope

Only what is included in the screenshot

View Figma

Starting point

1. The page is available at /legislative-process (source: srv/routes/legislative-process)
2. Put the content under the right heading.
3. If there are images, export from Figma, optimize images with squoosh.app or ImageOptim, put it in /static/images/legislative-process with a meaning full name.
4. If there is a duplicate UI, create a new component and put it in src/components/legislative-process

[l3luescreen]

Hi, Can I work on this one?

[Th1nkK1D]

Hi, if you run into an issue that <b> won't make the text bold. It is fixed in c572545cbeb7c13fbd836130ca871a4453d47f85 so please pull the latest commit from the main branch.

[l3luescreen]

Hi, I saw some of bold texts used font-weight: 600 in Figma. But styles in typography provide font-weight: 700. Should I follow typography or Figma?

This is font-weight: 600

This is font-weight: 700

Also for , and also font-bold class that used font-weight: 700

[Th1nkK1D]

Hi, I saw some of bold texts used font-weight: 600 in Figma. But styles in typography provide font-weight: 700. Should I follow typography or Figma?

Sorry for the confusion, we have 2 headings set for typography. This one here is the fixed-heading which we refer to it as heading, not a fluid-heading that is responsive.

So you can add a font-weight of 600 according to Figma. I think for tailwind it is font-semibold.

[Th1nkK1D]

Merged #59