Recherche avancée

Sur d’autres sites (5898)

• Evolution #4753 : Styles du privé : listes d’objets (suite des boîtes et des formulaires)

  4 mai 2021

  Un point étape.
  Cette fois-ci j’aimerais bien un historique pas trop cassé, donc discussion avant de balancer du code.
  Maintenant les captures ne sont plus des maquettes, mais du vrai code.

  Emballage extérieur¶

  Donc pour la partie « emballage extérieur », les boîtes, formulaires et listes sont unifiés et réutilisent les mêmes variables CSS.
  Elles ont toutes une variante .mini pour tout ressérer. Cette variante est automatiquement appliquée en certains endroits (dans les colonnes, etc.).

  

  Intérieur¶

  Pour l’intérieur, j’ai donc appliqué ces quelques règles :

  • Padding un peu plus grand
  • Plus de largeur fixe, à l’exception de quelques colonnes précises (id, statut, picto)
  • Même taille de texte dans toutes les colonnes, à l’exception des <small></small> éventuels

  Dans les colonnes latérales (.lat), toutes les colonnes du tableau sont masquées à l’exception des .principale et de quelques autres choisies à la main (id, statut).

  J’ai testé avec toutes les listes de la dist, il faudra bien continuer à tester avec d’autres cas de figure.

  

  Listes, formulaires et +¶

  Le sujet des listes objets-lies et objets-associer m’a amené à déborder un peu du sujet initial. Mais tout est un peu lié, un sujet en amène un autre.

  Donc ces 2 listes sont utilisées dans le formulaire editer_liens, j’en ai profité pour essayer de le remettre d’aplomb.
  Là j’ai vu qu’avec l’apparence par défaut (bordure grise + fond blanc), quand plusieurs formulaires de liens se suivaient, on avait du mal à voir où finissait l’un et où commençait l’autre (pas de capture, croyez moi sur parole :).
  En mettant un fond gris, on les distingue beaucoup mieux.
  Et j’ai bien insisté quand ils sont "dépliés", pour distinguer les 2 zones.

  

  

  Mais ça a également un autre avantage : en scannant la fiche objet dans son ensemble, on voit mieux où commence le « vrai » contenu de l’objet, par rapport aux bidules de configuration (date, liens, etc.).
  D’abord les formulaires et autres sur fond gris, puis ensuite le texte de l’objet.

  Donc je pense qu’on pourrait généraliser ça : au lieu de dire « les formulaires editer_liens sont sur fond gris », on pourrait étendre à « tous les formulaires ajoutés par afficher_milieu sont sur fond gris ». Ça reste une règle graphique assez légère, normalement ça ne devrait pas poser de problème avec les formulaires à cet endroit.
  Le problème c’est qu’actuellement il n’y a aucun moyen de cibler en CSS ce qui est ajouté par affiche_milieu, il faut encapsuler tout ça dans un div.afficher_milieu (ce que j’ai fait pour tester le principe).

  Et donc, la fiche objet dans son ensemble pour illustrer :

  

  Ah, et un test pour le formulaire de traductions :

  

• Revision 115849 : Depuis [115027] il était devenu impossible de ne pas remplir les ...

  2 juillet 2019, par rastapopoulos@… — Log

  Depuis [115027] il était devenu impossible de ne pas remplir les dates, même si on n’avait jamais dit que c’était obligatoire. Le test d’obligation se fait dans Saisies en amont, mais si ce n’est pas le cas, on DOIT pouvoir laisser les champs vides. On change donc pour ne faire une erreur que si la date est vide alors qu’on a remplit l’heure. Si c’est le contraire, on considère que l’heure est 00:00. Et si tout est vide, ya rien du tout, puisqu’on n’a jamais demandé obligatoire, donc ça reste vide et ça sera possiblement normalisé avec tout à zéro.

• Revision 115849 : Depuis [115027] il était devenu impossible de ne pas remplir les ...

  2 juillet 2019, par rastapopoulos@… — Log

  Depuis [115027] il était devenu impossible de ne pas remplir les dates, même si on n’avait jamais dit que c’était obligatoire. Le test d’obligation se fait dans Saisies en amont, mais si ce n’est pas le cas, on DOIT pouvoir laisser les champs vides. On change donc pour ne faire une erreur que si la date est vide alors qu’on a remplit l’heure. Si c’est le contraire, on considère que l’heure est 00:00. Et si tout est vide, ya rien du tout, puisqu’on n’a jamais demandé obligatoire, donc ça reste vide et ça sera possiblement normalisé avec tout à zéro.