GitHub - mistergraphx/spip_admin_responsive : Thème / prototype d’interface d’administration responsive pour le cms spip
▻https://github.com/mistergraphx/spip_admin_responsive
Interface responsive pour l’#administration du cms SPIP
Plugin Thème / prototype d’interface d’administration #responsive pour le cms #spip.
Ce plugin propose une base de « réflexion » sur la mise en place d’une interface utilisable sur périphériques mobiles pour SPIP.
A la différence d’autres projets similaires :
Pas de framework ,
Pas de modification ou surcharge du markup
Ça fait quoi :
Le plugin n’apporte principalement que des surcharges css, basées sur les media-queries, actuellement le ciblage se fait sur les écrans < 1025px.
La seule surcharge actuelle a noté est prive/javascriptt/gadget.js : pour la désactivation du clic sur les items de premier niveau, qui perturbe en mode touch.
Le layout :
originalement en px utilise les %
les modes .etroitet .large deviennent identiques
les blocs #navigation et extra passe en 100% de large (voir la todo).
Le bando (menu principal)
passe en position fixed, les icônes en liste verticales et est aligné sur la gauche de l’écran : ceci permettant un accès constant, même sur des pages a contenu long
Les sous menu apparaissent au touch a droite de l’icône
Amélioration des éléments cliquables / touchables :
L’interface d’origine propose des liens/éléments d’interface de taille trop petite pour une utilisation correcte en mode touch. Les icônes des outils rapides, les listes-objets sont donc revus progressivement notamment sur le padding les entourants (cf : ▻https://material.google.com/layout/metrics-keylines.html)
C’est fait comment
Plutôt que de faire des grand dessins et des explications, souvent je préfère « prototyper directement dans le navigateur web », il est vrai que c’est du « quick & dirty », mais ce n’est généralement pas fait pour durer ou finir en l’état.
Les css sont rédigées et compilées avec #sass, elle ne sont pas dans le dépôt pour le moment, si vous souhaitez apporter une amélioration, ou souhaitez participer, je peut les ajouter.
Pré-requis / libs :
libsass
bourbon
susy
include-media
