What do we need to build or fix?
Update input and button design for the newsletter component, to match the new design update
Technical details
Newsletter component on figma
https://www.figma.com/design/Fp0lLB5OWZLJseTs2svGbg/Web-Dev-Path_design?node-id=6022-14444&t=kJSLMnpfplmnDWYt-0
Button https://www.figma.com/design/Fp0lLB5OWZLJseTs2svGbg/Web-Dev-Path_design?node-id=4620-22862&t=JCK9M6f8HlTdLhZq-1
Input
https://www.figma.com/design/Fp0lLB5OWZLJseTs2svGbg/Web-Dev-Path_design?node-id=4752-3763&t=JCK9M6f8HlTdLhZq-1
Approach suggestions
- Check our service page google docs for detailed workflow, make sure you branch from the latest services branch services-dev
- PR can be made to either the
main or services-dev branch as they are not linked to any services content and not a time sensitive update
However, if changes are merged to main, we'll also have to pull the new changes to services-dev
- Rename variables base on dev tokens on the figma file https://www.figma.com/design/Fp0lLB5OWZLJseTs2svGbg/Web-Dev-Path_design?node-id=80-479
Deadline
Please keep in mind that once you assign this task to yourself, you'll need to complete it in 10 days.
Acceptance criteria
- Variable names are updated to new token system
- Test the section and components in many screen sizes, you can use the Inspect tool for that.
- Please test if the new changes added to the components do not affect the other instances.
- Test the feature in many browsers, such as Chrome, Firefox, Edge, and Safari (MAC).
- If there are any build problems when submitting your PR, run
yarn build locally to solve the issues and commit the changes.
- Update the CHANGELOG.md file.
What do we need to build or fix?
Update input and button design for the newsletter component, to match the new design update
Technical details
Newsletter component on figma
https://www.figma.com/design/Fp0lLB5OWZLJseTs2svGbg/Web-Dev-Path_design?node-id=6022-14444&t=kJSLMnpfplmnDWYt-0
Button https://www.figma.com/design/Fp0lLB5OWZLJseTs2svGbg/Web-Dev-Path_design?node-id=4620-22862&t=JCK9M6f8HlTdLhZq-1
Input
https://www.figma.com/design/Fp0lLB5OWZLJseTs2svGbg/Web-Dev-Path_design?node-id=4752-3763&t=JCK9M6f8HlTdLhZq-1
Approach suggestions
mainorservices-devbranch as they are not linked to any services content and not a time sensitive updateHowever, if changes are merged to main, we'll also have to pull the new changes to services-dev
Deadline
Please keep in mind that once you assign this task to yourself, you'll need to complete it in 10 days.
Acceptance criteria
yarn buildlocally to solve the issues and commit the changes.