Améliorations possibles du "responsive design"
1. [layout global] à partir de 386px de large et en deçà, la barre du haut ne peut plus contenir tous les textes
Solutions possibles :
- option 1 : ajouter un icône à "se déconnecter" et enlever les texte au breakpoint approprié : ça me semble pas déconnant et à la fois le bouton "user" n'a pas de fonction si ce n'est de se rappeler sur quel compte nous sommes connectés. Donc on aurait deux boutons, mais un complètement inutile.
- option 2 (ma préférée) : comme "se déconnecter" existe aussi dans la sidenav, il y a un doublon. Je trouverais ça plus pertinent de modifier la présentation comme suit pour tout le site, y compris sur ordinateur :
- enlever "se déconnecter" de la barre du haut
- le rendre plus visible dans la sidenav (fond rouge, tout en bas pour y distinguer des autres actions)
- profiter de l'espace libre dans la barre du haut pour toujours et uniquement afficher l'icône user et le nom d'utilisateurice
issue dédiée ici
2. [service details & profil details] à partir de 1219px de large et en deçà, les boutons d'action sur les services s'empilent (la largeur à partir de laquelle on s'en aperçoit peut varier en fonction du langage mais plus on descend plus ça choque)
Solutions possibles :
- je n'en vois qu'une qui soit satisfaisante (conviendrait pour toutes les pages utilisant ce layout et pour toutes les tailles d'écran) : passer à un bouton unique, avec icône + label (genre "
🛠 Actions") qui ouvre un joli menu dropdown avec les actions possibles.
Je n'ai pas remarqué d'autres problèmes de responsive design en parcourant Hiboo, et c'est une bonne nouvelle :)
Si les solutions proposées vous paraissent acceptables, je peux ouvrir une MR d'ici peu !
Edited by ornanovitch