openfoodfacts/openfoodfacts-ios

Settings screen layout issue when using large accessibility font sizes

bigimot22 opened this issue · 1 comments

Checklist

  • Bug Report - The issue you are reporting might be there already. Please search on the issues tracker.
  • Before reporting, please ensure (if you can) that you have tested it with the latest (dev) version of the software.

Summary:
Although the app supports dynamic type it is not optimised for it. It a user turns on dynamic type on the device, some of the app screens layout breaks significantly rendering the text unreadable. The most obvious example is the Settings screen.

Steps to reproduce:

  • In the device/simmulator go to Settings > Accessibility > Display & Text Size > Larger Text
  • Turn on the toggle and choose a large font size
  • Run the app and go to the Settings tab

Expected behavior:
The cells should expand to accommodate the larger text size.

Observed behavior:
Text is truncated horizontally and some of it is cut vertically because the cells don't expand accordingly.

Device and iOS version:
Apple iPhone 7 running iOS 12.0

Screenshots:
OFF Settings Screen and Device Dynamic Type On

Im planning on doing a PR to help with this issue 🤓

Now looks much better