Fenix: [Bug] Reduce the radius of the rounded corners

Created on 27 Jun 2019 · 8Comments · Source: mozilla-mobile/fenix

Steps to reproduce

Open any menu inside the application, the rounded corners of them are too big. Compare the following Chrome and Firefox Preview screenshots from the same device:

Screenshot_20190627-132112
Screenshot_20190627-132122

Expected behavior

Relatively native looking controls, specially menus rounded corners within Material Design recommendations. There are too many rounded corners, not my personal taste, but the menu ones are too big.

Actual behavior

Menu rounded corners are too big in comparison with other modern Android applications.

Device information

Android device: Nexus 5
Fenix version: 1.0.0

🐞 bug

Source

robmv

👍2 👎1

Most helpful comment

I don't think it makes much sense to compare with Chrome because Chrome is Chrome and Fenix is Fenix. It's totally okay to have different designs. FWIW, I am not a big fan of Material design and I like the current border radius of the Fenix menu.

cadeyrn on 27 Jun 2019

👍2 👎1

All 8 comments

cadeyrn on 27 Jun 2019

👍2 👎1

Thanks for the reply. The comparison with Chrome was to show another application that uses rounded corners on Android, it is not frequent to see those menus yet.

The menu's rounded corner is too large for my taste, compare it with others non menu rounded corners on the same application.

For not being a fan of Material Design, the new UI is taking the most annoying visual aspect of it (the corners) and making it big, like children's toy like interfaces. I hope more feedback comes.

robmv on 27 Jun 2019

I agree that the current menus look a little sloppy, but didn't have a great reason to open a bug about it previously. I think that this makes sense from a platform integration perspective.

yoasif on 27 Jun 2019

@AmyYLee please review and close if border radii are as designed.

mheubusch on 2 Jul 2019

@sblatz Can you confirm if the boarder radius is 8pt? if it is, please leave it as such as this is the same radius as our tab cards. We should keep the radius consistent throughout the app. Thanks.