MetaMask / MetaMask/metamask-mobile
Icons are not fitting the designated areas
- Dominant language
- TypeScript
- Stars
- 3k
- Forks
- 1.7k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 669
Description
Both in Android and iPhone version website icons are not displayed properly. I think you're using circles to display icons but some icons are square and the circle is cropping the sides and strange looks appear.
You need to increase the size of your circle to cover the standard icons sizes or resize the icons to fit inside the circle but this will destroy the look of the icons so it's better to grow your circle a little so that sides don't get cropped and icons display fine.
Contributor guide
Research direction
Start by locating the shared icon rendering used by the Android and iPhone versions and reproduce the reported appearance with square icons. Done means icons fit their designated areas without cropped sides or distorted visuals on both platforms.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100