Skip to content

overhaul of admin left menu to fix responsiveness

Vincent Agnano requested to merge feature/responsive-admin into master

Created by: adipasquale

https://trello.com/c/4AJX1ud1/1153-r%C3%A9parer-ladmin-en-vue-mobile

bonnes nouvelles:

  • Screenshot_2020-11-11_at_15 50 38
  • deux dépendances JS plugins jquery supprimées
    • metismenu : gerait les collapse et les differentes versions responsives du menu left
    • slimscroll : cachait la scrollbar du leftmenu pour en recreer une invisible "a la facebook". je l'ai retiré car c'est un anti-pattern d'aller contre les volontés des navigateurs et os imho
  • => (seulement) 3ko gagné sur le bundle app_agent.js qui fait 403ko ...
  • simplification du code CSS
  • aucun nouveau comportement JS rajouté, utilise uniquement le collapse de bootstrap

Screenshots avant->apres Mobile 4"

stitched_2020_11_11-16_26_33
  • le menu se deplie maintenant tout en haut avec un hamburger menu tout simple sur la droite
  • il n'y a plus de version intermediaire en petit vertical sur la gauche, ce n'est pas maintenable et ca ne fonctionnait pas bien
  • bonus: le background du wrapper de container est maintenant le meme bleu que le gris pour eviter un effet bizarre

Screenshots avant->apres Desktop

But : Quasiment aucun changements

stitched_2020_11_11-16_24_52

Tailles des navigateurs des usagers de RDV-Sol

visibles sur stats.data.gouv.fr

Screenshot_2020-11-11_at_15 44 47

tests navigateurs

  • desktop mac os + FF
  • desktop mac os + Chrome
  • desktop mac os + Safari
  • iphone 5 + Safari
  • desktop windows 7 + IE11 (via browserstack)
  • desktop windows 10 + Edge (via browserstack)

Merge request reports