search

irceline / aq-mobile-be

App for consulting air quality data in Belgium using the ionic framework for Android and iOS
Apache License 2.0
7 stars 8 forks source link

dynamically resize font of the circle chart text #266

Closed opeeters closed 3 years ago

opeeters commented 3 years ago

In some cases the circle chart text (e.g. NL - middelmatig) is uncomfortably big on some screens (in this case a Samsung A50). We should resize this text base on the number of characters of the specific translation of the index label.

Screenshot_20210414-201912_BelAir_v2

opeeters commented 3 years ago

fixed with 4e246739c73cb44369384a3548c63d141489ade0

opeeters commented 3 years ago

I'm reopening this, because there are several over cases which are problematic (e.g. ondermaats and others). I was think more of a solution which adapts to the screen width based on the number of characters.

bieblebrox commented 3 years ago

https://github.com/irceline/aq-mobile-be/commit/a2001333129a55473937cdd6780ba473d211e9e1