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

activated toggles are more difficult to see than non-activated #263

Closed opeeters closed 3 years ago

opeeters commented 3 years ago

Take e.g. this situation: Screenshot_20210406-112548_BelAir_v2

With a green background it is more difficult to see the activated toggle than the non-activated one.

Proposition: follow the styling of the click model

Screen Shot 2021-04-06 at 11 27 30
bieblebrox commented 3 years ago

Using same slider on iOS & Android now

opeeters commented 3 years ago

Apparently on iOS it is difficult to change the state of these toggles. Maybe the click action (tap to change state) is disabled by default on iOS? Apparently you really have to pull laterally to change the state.

opeeters commented 3 years ago

Additionally, we should change the background of the toggle itself from transparant to white in the non-active state:

Screenshot_20210427-102755_BelAir_v2

In the active state there is not enough contrast to the background in the default mode for certain index colours. What are the options? Add a thin light-grey border? Add a semi-transparant light background to class notification-settings (the

containing these settings)?

opeeters commented 3 years ago

E.g. like this:

Screen Shot 2021-04-27 at 10 51 15

Not perfect, but better, no?