feat(front): apply design mockups

[QuentinMadura]

Preview : https://feature-feat-160-apply-mocku-carte.iarbre.fr/

[QuentinMadura]

closes #160

[ludovicdmt]

En mode sombre je n'ai aps de texte dans la popup : #216

[Marc-AntoineA]

Ci je compare avec le figma :

• il n’y a pas de bordure verte sur le bloc de la légende sur le figma (je trouve par ailleurs cette bordure trop visible) ;
• Adapter la couleur du texte sur les légendes en fonction du background : du blanc sur du vert foncé par ex.
• les coordonnées gps ne sont pas en noir dans ton implémentation
• le message en bas à droite
• j’ai l’impression que la navbar est trop large

Et sinon, trop bien ! Surtout le sélecteur de calques <3

[Marc-AntoineA]

Peut-être adapter ce style aux couleurs iarbre ? Le vert m’a l’air diffréent.

[QuentinMadura]

Done !

[ludovicdmt]

Un petit ajout au changelog pourrait être sympa aussi :)

[QuentinMadura]

@ludovicdmt j'ai supprimé le mode sombre en bcd0e77 . Tu peux me confirmer que ça fonctionne aussi chez toi ?

[QuentinMadura]

• il n’y a pas de bordure verte sur le bloc de la légende sur le figma (je trouve par ailleurs cette bordure trop visible) ;

Effectivement les bordures étaient légèrement trop large (1px vs 0.5 sur les maquettes). J'ai ajouté une classe utilitaire pour pouvoir réutiliser cette bordure en 0.5

• Adapter la couleur du texte sur les légendes en fonction du background : du blanc sur du vert foncé par ex.

Done !

• les coordonnées gps ne sont pas en noir dans ton implémentation

Done !

• le message en bas à droite

C'est à dire ? J'ai changé les couleurs des toasts en "success"

• j’ai l’impression que la navbar est trop large

C'est bien 110px sur les maquettes. À voir avec @Geoffreydorne si on veut diminuer. Pour l'instant je propose de laisser comme c'est.

[ludovicdmt]

@ludovicdmt j'ai supprimé le mode sombre en bcd0e77 . Tu peux me confirmer que ça fonctionne aussi chez toi ?

Ouai ça marche niquel, merci !

[ludovicdmt]

C'est dans la maquette mais je trouve ça chelou que le code source et OSM contributors n'ont pas la même taille et ne sont pas alignés non ?

[QuentinMadura]

@ludovicdmt yes je suis d'accord. Je propose de mettre l'info sur le code source au niveau des attributions. Ça permet d'éviter de devoir jouer avec la position d'un bouton en absolute, qui est (très pénible) à gérer

[ludovicdmt]

@QuentinMadura j'aime bien ce que tu as fait pour le code source. Pour les 3 personnes qui vont cliquer dessus, je pense que ça ne valait pas le coup de l'avoir aussi visible.

Par ailleurs, j'ai juste trouvé un petit bug de popup :

[Marc-AntoineA]

Ok pour moi.