overhaul of admin left menu to fix responsiveness
Created by: adipasquale
https://trello.com/c/4AJX1ud1/1153-r%C3%A9parer-ladmin-en-vue-mobile
bonnes nouvelles:
-
- 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"
- 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
Tailles des navigateurs des usagers de RDV-Sol
visibles sur stats.data.gouv.fr
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)