Projet

Général

Profil

Development #1671

Mise en forme de la nouvelle page de listing : champs à afficher

Ajouté par Victor Claudet il y a plus de 11 ans. Mis à jour il y a plus de 11 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
-
Catégorie:
-
Version cible:
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

menu.png (103 ko) menu.png Victor Claudet, 17 septembre 2012 15:58
0001-backoffice-limit-height-of-fields-filter-1671.patch (1,28 ko) 0001-backoffice-limit-height-of-fields-filter-1671.patch Frédéric Péters, 19 septembre 2012 10:59
fields-filter.png (19,9 ko) fields-filter.png Frédéric Péters, 19 septembre 2012 10:59

Révisions associées

Révision a33d0255 (diff)
Ajouté par Thomas Noël il y a plus de 11 ans

backoffice listing: little interface improvements

Historique

#1

Mis à jour par Frédéric Péters il y a plus de 11 ans

Le patch et une capture d'écran pour voir ce que ça donne.

#2

Mis à jour par Thomas Noël il y a plus de 11 ans

Fonctionne chez moi aussi, parfait.

#3

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;
 }
#4

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
#5

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)

#6

Mis à jour par Thomas Noël il y a plus de 11 ans

  • Statut changé de Résolu (à déployer) à Fermé

Formats disponibles : Atom PDF