Support #51176
Pouvoir mettre le logo à gauche au même niveau que le menu dans nos intégrations natives
0%
Description
Je vois que c'est le cas sur cette intégration native par exemple :
https://mesdemarches.saint-lo-agglo.fr/
Mais ça ne fait pas partie des trucs normaux m'a expliqué Valentin.
Pourtant ce serait vraiment mieux pour Béthune cf https://dev.entrouvert.org/attachments/51698 et https://portail-bethunebruay.test.entrouvert.org/
C'est une évolution envisageable ?
Historique
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 3 ans
Sur l'exemple de Saint-lo, en full CSS, pour arriver à ce résultat il a fallu :ça ne fait pas partie des trucs normaux m'a expliqué Valentin.
- donner une taille fixe au logo,
- rajouter un espace à gauche de la nav correspondant à la taille donnée au logo,
- déplacer le logo par-dessus cet espace ajouté,
- allouer un nouvel espace pour les liens de connexion et y déplacer le bloc.
C'est donc tout sauf simple car pour proposer en natif une variable type `$nav-desktop-position: top-left` il faut d’abord définir `$logo-width`, `logo-height`, `$top-links-position` qui n'existent pas. Sans être certains que cela suffise.
Une autre solution, côté template, serait de pouvoir déplacer le {% block header-title } au sein du { block nav-pre }. Mais un gros travail de refacto de la définition des { block %} est nécessaire pour permettre leur déplacement aisément. Et comme on touche à du template, on sort du thème dit "natif"
Une dernière solution serait l'utilisation de CSS grid, à mon avis le plus simple et le plus souple (même si ça va surement pas se faire simplement non plus, à cause des imbrications actuelles qui ne sont pas propices. Mais ça me semble la piste la plus propice pour apporter de la souplesse dans le layout du header.
Mais impossible à mettre en œuvre tant que l'on supporte IE.
Donc à la question :
"C'est une évolution envisageable, facilement et rapidement ?" je réponds non.