MetaMask / MetaMask/metamask-mobile

Icons are not fitting the designated areas

Open
#4,112 2 comments 1 reaction 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.