[Component Change Request] Improve layout around form inputs
Nobody has claimed this yet.
- Dominant language
- SCSS
- Stars
- 298
- Forks
- 83
- Avg merge
- 16h 48m
- Merged PRs (30d)
- 1
Description
The default CSS for form elements could do with a couple of tweaks around error state handling, showing and hiding of form fields when using the newsletter JS from Bedrock and the multi-checkbox layout.
These have been done as part of mozmeao/birdbox, but worth backporting:
https://github.com/mozmeao/birdbox/blob/main/src/css/birdbox-protocol-overrides.scss
Before the tweaks
After the tweaks
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with src/css/birdbox-protocol-overrides.scss in the linked birdbox reference and compare its form overrides with the protocol component CSS. Verify the error state, Bedrock newsletter field visibility, and multi-checkbox layout against the supplied before-and-after screenshots; done means those three cases match the intended result.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- scss
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100