Ajout d'un "top menu" au header

[Olivia206]

Type

• Nouvelle fonctionnalité
• Bug
• Ajustement
• Rangement

Description

Passage des overrides spécifiques en option dans le thème.
Ajout d'un title="" aux lien du header.

Le top menu :

• n'a qu'un premier niveau
• peut accueillir la recherche (cids/mids)
• se base sur les variables du header (ex: la bordure, pour sufficiency)
• n'affiche pas l'icon des liens externes (ajout d'un paramètre dans le partial "menu"), mais le title oui (a11y)

Pour le mobile, le menu supérieur doit se trouver dans le dropdown (cf. screenshots), pour réussir à l'afficher au-dessus de l'ensemble logo + menu, je dois donc faire un trick qui mériterait d'être amélioré : si j'ai un top-menu, alors je n'affiche pas le logo normal (en desktop), j'ajoute un logo dans la div .menu histoire de faire jouer les order et passer le top-menu en haut. En mobile c'est l'inverse, je masque le logo qui est dans .menu afin que tout reprenne son comportement normal.

Je me suis permis ça car c'est un besoin ponctuel et qu'on en a besoin là de suite, mais il y a sans doute des méthodes qui n'impliqueraient pas d'avoir des images chargées !

❓ À titre perso je trouve "top menu" pas super élégant, des suggestions ? Upper est plus joli, non ?

Niveau d'incidence

• Incidence faible 😌
• Incidence moyenne 😲
• Incidence forte 😱

Référence (ticket et/ou figma)

#652

Tests

Homepage des sites

• example avec la branche example-with-top-menu
• CIDS/MIDS
• Sufficiency
• Degrowth

Screenshots