MetaMask / MetaMask/metamask-mobile
Update TagColored component
@yanrong-chen is already working on this.
Since Nov 6, 2024.
- Dominant language
- TypeScript
- Stars
- 3k
- Forks
- 1.7k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 669
Description
### What is this about?
Update the TagColored component based on [this design here](https://www.figma.com/design/AF8hdmRBQaqqUSWM9tSe1q/Settings-Redesign?node-id=981-7521&node-type=section&t=mPhmpRDsc58nPd2C-0).
- Change font to use `body-xs-medium` in design system library;
- Change corner radius to use 4 instead of 5;
- Revoke automatic all caps for text.
Other TagColored component issue: [#8677 ](https://github.com/MetaMask/metamask-mobile/pull/8677)
Expected:
### Scenario
_No response_
### Design
[Figma file](https://www.figma.com/design/AF8hdmRBQaqqUSWM9tSe1q/Settings-Redesign?node-id=981-7521&node-type=section&t=mPhmpRDsc58nPd2C-0)
### Technical Details
_No response_
### Threat Modeling Framework
_No response_
### Acceptance Criteria
_No response_
### Stakeholder review needed before the work gets merged
- [ ] Engineering (needed in most cases)
- [ ] Design
- [ ] Product
- [ ] QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
- [ ] Security
- [ ] Legal
- [ ] Marketing
- [ ] Management (please specify)
- [ ] Other (please specify)
### References
_No response_
Contributor guide
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.
Assessment
This issue has not been assessed yet.