CSS listes d'objets + choses liées
Ticket #4753 (closed)
Cette PR harmonise les listes du privé avec les boîtes et les formulaires, et déborde un peu sur quelques sujets liés.
Listes, boîtes et formulaires
Ces 3 composants sont des variantes de boîtes avec entête, corps et pied. L'habillage des listes d'objets est donc raccordé avec les 2 autres.
Ils ont tous une variante .mini pour un affichage plus compact, qui est appliqué d'office en certains endroits, notamment dans les colonnes latérales .lat.
Listes
Le tableau des listes est ajusté selon ces quelques règles :
- plus d'espacements
- une seule taille de texte, hormis les éventuels
<small> - pas de largeur fixe pour les colonnes, laisser le navigateur ajuster, à part quelques cas précis (id, picto, statut…)
J'ai testé sur toutes les listes sur lesquelles j'ai pu mettre la main, sans noter de problème particulier. Mais à tester encore, donc.
Et un aperçu en « situation réelle » sur la page d'accueil :
affiche_milieu
En ajustant les listes du formulaire editer_liens, j'ai fini par aborder un dernier sujet un peu lié à tout ça.
Au début l'idée était juste de distinguer un peu le formulaire editer_liens du reste en lui mettant un fond gris clair, comme pour le formulaire dater.
Mais finalement cette solution fonctionne bien pour l'ensemble des blocs présents avant le #wysiwyg : cela permet de distinguer bien plus facilement ces éléments du « vrai » contenu de l'objet en scannant la page d'un coup d'oeil. D'abord les éléments de configuration sur fond gris clair, puis ensuite l'aperçu du contenu texte de l'objet.
Pour m'assurer que cela ne poserait pas de problème, j'ai fait un grep de l'ensemble des plugins de la zone pour voir comment ils utilisent le pipeline affiche_milieu, dans la très grande majorité c'est soit le formulaire editer_liens, soit un autre formulaire, soit une liste d'objets.
Donc à quelques exceptions près, cela fonctionne bien. Ci-dessous tout est ok à part le formulaire de compositions par exemple, mais c'est parcequ'il a des styles qui mettent une hauteur en dur :
Et donc pour finir, les formulaires editer_liens, dater et traductions sont recalés.
Je laisse en WIP le temps des retours et tests.