Mobile UI
Opened this issue · 5 comments
Hello,
Si j'ai bien compris, la dernière version en date pour la partie mobile est celle publiée sur covid-aides-entreprises.netlify.app => Corrige-moi si je me trompe.
Après tests sur cette version, je remarque encore :
- Problème avec la footbar pour la navigation. J'ai un bandeau blanc quand je load la page. La footbar n'apparaît qu'une fois que j'ai scrollé tout en bas
- Le titre de l'application n'apparaît pas complètement
- Problème de navigation sur la app. On se retrouve facilement piégé dessus. Je pense qu'il faut enlever les chiffres d'aides sur ce menu, ça prend de la place et n'apporte pas forcément grand intérêt.
- Sur le menu map, le bouton "Retour au niveau national" est toujours présent
- Sur le menu map, "Aides versées : échelle nationale" est sur deux lignes, on peut optimiser en diminuant la taille.
- Sur le menu description et sur le menu graphiques, le texte "montant total" est sur deux lignes. Réduire la police
- Sur le menu graphique, le chart dépasse en taille horizontal :
- On ne voit pas le début de la section naf pour certains.
- On ne voit pas le graphe complet (il est coupé pour le top 1/2)
Je mets en PJ des screen
j'ai fini une repasse sur l'UX responsiveaujourd'hui et poussé dans la branche preprod` => résultat visible sur : https://covid-aides-entreprises.netlify.app/
restent des scories :
- libellés horizontaux du graphique sur mobile
- bug de repositionnement / recalcul des width/heights quand on passe de largeur mobile à largeur écran desktop ...
j'ai fait pas mal de modifs => résultats ici : https://covid-aides-entreprises.netlify.app/
Par contre je pense qu'il faut garder le bouton "retour au niveau national" sur mobile car sinon il n'y a pas de reset possible pour retrouver les chiffres nationaux. Ceci dit j'ai quand même changé la taille du bouton et pas mal de tailles de typo quand on est sur mobile, histoire de laisser plus de place à la carte et aux graphes.
PR prenant en compte toutes ces modifs : #18
ah oui il reste aussi la taille des typos des charts à changer sur mobile...