Amélioration UX du dropdown structure

[hellodeloo]

🤔 Pourquoi ?

Le nom des structures trop longues est croppé et rien ne permets de l'afficher dans sa totalité.

🍰 Comment ?

Maj du thème et modif du template pour ajout conditionnel d'un tooltip avec le nom complet

Et aussi, amélioration de la liste des structures dans le dropdown

• la structure sélectionnée reste présente dans la liste des structures (et donc plus de chamboulement de l'ordre des structures restantes)
• mise en avant de la structure sélectionnée dans la liste (statut actif bleu)

💻 Captures d'écran

👇 

[notion-workspace]

🏎️ Ajouter un tooltip au survol des noms des structures dans le dropdown menu du header

[github-actions]

🥁 La recette jetable est prête ! 👉 Je veux tester cette PR !

Doute subit

[francoisfreitag]

C’est sûrement seulement chez moi, mais l’EI garage martinet ne tient pas dans la case, mais n’a pas de tooltip (23 / 24 caractères).
Je me demande si on ne devrait pas mettre le tooltip en permanence (hors mobile) ?

[hellodeloo]

C’est sûrement seulement chez moi, mais l’EI garage martinet ne tient pas dans la case, mais n’a pas de tooltip (23 / 24 caractères). Je me demande si on ne devrait pas mettre le tooltip en permanence (hors mobile) ?

Y'a eu un débat là-dessus avec les UX. Il a été tranché qu'on ne le met que quand c'est trop long.
Par contre, oui le 24 caractères c'est perfectible (encore plus chez toi avec ton ratio) car 24 i ne sont pas aussi long que 24 w mais bon....

[francoisfreitag]

Peut-être descendre la limite pour être sûr que ça tienne ? "EI Garage Martinet" fait 18 caractères, et c’est la totalité de l’espace chez moi. Je doute qu’on ait beaucoup de 24 * W, donc peut-être juste utiliser 18 au lieu de 24 pour la limite ? Mieux vaut un tooltip pour rien que de masquer la partie intéressante du nom de la structure.

Pour info, je suis revenu au scale factor 1 pour éviter les ennuis, mais visiblement c’est pas suffisant...

[hellodeloo]

Peut-être descendre la limite pour être sûr que ça tienne ? "EI Garage Martinet" fait 18 caractères, et c’est la totalité de l’espace chez moi. Je doute qu’on ait beaucoup de 24 * W, donc peut-être juste utiliser 18 au lieu de 24 pour la limite ? Mieux vaut un tooltip pour rien que de masquer la partie intéressante du nom de la structure.

Pour info, je suis revenu au scale factor 1 pour éviter les ennuis, mais visiblement c’est pas suffisant...

Chez moi, par exemple, le "EI Garage Martinet Siege" de 24 caractères passe sans ... et sans tooltip donc

Ça donne quoi chez toi ? (j'ai preparé un test dans zeroheight)
Chez moi, je peux passer 26 caractères sans ... mais j'avais dejà descendu la limite a 24 pour laisser un peu de marge avec les letter-spacing différents selon les navigateurs.

Je suis passé a > 20

[francoisfreitag]

Chez moi, par exemple, le "EI Garage Martinet Siege" de 24 caractères passe sans ... et sans tooltip donc

Ça donne quoi chez toi ?

(j'ai preparé un test dans zeroheight) Chez moi, je peux passer 26 caractères sans ... mais j'avais dejà descendu la limite a 24 pour laisser un peu de marge avec les letter-spacing différents selon les navigateurs.

Je suis passé a > 20

[francoisfreitag]

Sur chromium (qui n’a pas d’extensions sur mon système, ni de paramétrage particulier)

[hellodeloo]

C'est dingue la différence