Closed lucaa closed 2 years ago
Note: pour l'instant, pour la largeur maximale du footer nous gardons les tailles bootstrap qui sont déjà en place, qui sont assez proches des tailles dsfr, et pour faciliter une implémentation incrémentale.
Aussi, aucun breakpoint ne sera rajouté, l'objectif est d'utiliser ceux de bootstrap qui se rapproche le plus possible de ceux du design system.
Note: La mention « Je donne mon avis » dans le texte en pied de page du formulaire (en italique sur la maquette) doit être dans une balise .
Voir aussi #1011 pour les destinations des différents liens du footer.
Le footer de la page a été mis à jour afin d'obtenir un rendu le plus proche possible de la maquette tout en gardant les styles bootstrap.
Il reste un problème de duplication d'id au niveau du logo du header et du footer, qui sera traité dans la tache #1019.
Je ne sais pas s'il y a un lien avec la note précédente mais, dans le doute: il manque le logo "SP+" qui doit être à la place de "L'observatoire" dans le footer.
Le logo "SP+" a été mis à jour dans le header et le footer en même temps lors de la tâche #1008.
Vu et ça me semble ok, en dehors des directions des liens et du logo SP+ dont je ne traite pas ici mais qui sont traités dans d'autres tickets.
(à contrôler par @ugodtn à son retour pour plus de rigueur)
On y est presque, j'ai juste une remarque: il y a une certaine largueur d'écran ou le logo Observatoire passe sous le logo RF, c'est gênant, est-ce que l'on peut empêcher ce comportement, par exemple en réduisant alors légèrement le logo Observatoire ?
On y est presque, j'ai juste une remarque: il y a une certaine largueur d'écran ou le logo Observatoire passe sous le logo RF, c'est gênant, est-ce que l'on peut empêcher ce comportement, par exemple en réduisant alors légèrement le logo Observatoire ?
En fait, je me rends compte que ça ne concerne pas directement cette carte car dans le footer il y aura le logo SP+, mais la remarque est tout de même valide pour le footer du site de l'Observatoire. On fait une autre carte : #1022.
L'objectif est d'obtenir les footers suivants:
Formulaire d'avis: Desktop:![Selection_183](https://user-images.githubusercontent.com/657716/128638821-7c4a55d3-f816-463e-a59d-daa0de4bebac.png)
Mobile:![Selection_185](https://user-images.githubusercontent.com/657716/128638825-cb07518c-6a3a-4296-a60c-63e8aec2af99.png)
Observatoire:![Selection_184](https://user-images.githubusercontent.com/657716/128638829-d0d7a83d-740c-40ff-8825-cc623a197c14.png)
Note: par rapport à l'image, pour l'observatoire un lien supplémentaire "Connexion" sera à mettre en place à la fin de la liste des liens, après Contact.
Aujourd'hui le footer est déjà différentié entre le formulaire d'avis et l'observatoire, il s'agit uniquement de déplacer les elements et changer les logos.
L'implémentation doit se rapprocher du footer defini par https://www.systeme-de-design.gouv.fr/, les tailles & breakpoints doivent être reprises de l'element 'footer' du système de design, avec comme base une conversion de 1em = 16px.