Development #1671
Mise en forme de la nouvelle page de listing : champs à afficher
Début:
17 septembre 2012
Echéance:
% réalisé:
0%
Temps estimé:
Patch proposed:
Planning:
Description
La liste de cases à cocher pour l'affichage des champs est trop longue lorsqu'il y a beaucoup de champs. réfléchir à une mise en page différente.
Je mets une proposition en pièce jointe
Fichiers
Révisions associées
Historique
Mis à jour par Frédéric Péters il y a plus de 11 ans
- Fichier 0001-backoffice-limit-height-of-fields-filter-1671.patch 0001-backoffice-limit-height-of-fields-filter-1671.patch ajouté
- Fichier fields-filter.png fields-filter.png ajouté
- Statut changé de Nouveau à Solution déployée
Le patch et une capture d'écran pour voir ce que ça donne.
Mis à jour par Thomas Noël il y a plus de 11 ans
Proposition de modif de la css :
- pour que le "select" sur le filtre ne dépasse pas en cas de looooongs statuts
- pour ne pas afficher les points des <li>
--- a/wcs/qommon/static/css/dc2/admin.css +++ b/wcs/qommon/static/css/dc2/admin.css @@ -507,6 +507,10 @@ div#sidebar { color: #666; } +div#sidebar select { + width: 100%; +} + ul#main-actions { position: absolute; right: 0px; @@ -667,6 +671,8 @@ div#page-links { ul#fields-filter { overflow: auto; max-height: 350px; + list-style-type: none; + padding-left: 0; }
Mis à jour par Thomas Noël il y a plus de 11 ans
discussion avec Fred :
- plutôt max-width que width ;
- aussi pour le ul#main-actions {}, j'ajouterais aussi un margin-left: 0; et puis ul#main-actions li {padding-left: 0; margin-left: 0;} parce que les navigateurs ne font pas tous pareils sur ces combinaisons de ul / li et margin / padding
Mis à jour par Thomas Noël il y a plus de 11 ans
- Statut changé de Solution déployée à Résolu (à déployer)
donc, commit:a33d02555 dans w.c.s. :
- finalement j'ai laissé le width (au lieu du max-width) pour rendre le select bien visible même quand il n'est composé que de petits mots (par exemple avec le workflow par défaut) ;
- j'ai mis les padding/marging-left recommandés ci-dessus (mais j'ai juste testé avec des gecko ou webkit récents) ;
- j'ai corrigé un truc pour qu'un clic sur le texte d'un champ coche bien la case correspondante dans la liste.
Voilà.
(et c'est sur auquo-test)
backoffice listing: little interface improvements