Project

General

Profile

Development #1671

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

Added by Victor Claudet about 10 years ago. Updated almost 10 years ago.

Status:
Fermé
Priority:
Normal
Assignee:
-
Category:
-
Target version:
Start date:
17 September 2012
Due date:
% Done:

0%

Estimated time:
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


Files

menu.png (103 KB) menu.png Victor Claudet, 17 September 2012 03:58 PM
0001-backoffice-limit-height-of-fields-filter-1671.patch (1.28 KB) 0001-backoffice-limit-height-of-fields-filter-1671.patch Frédéric Péters (de retour le 10/10), 19 September 2012 10:59 AM
fields-filter.png (19.9 KB) fields-filter.png Frédéric Péters (de retour le 10/10), 19 September 2012 10:59 AM

Associated revisions

Revision a33d0255 (diff)
Added by Thomas Noël about 10 years ago

backoffice listing: little interface improvements

History

#1

Updated by Frédéric Péters (de retour le 10/10) about 10 years ago

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

#2

Updated by Thomas Noël about 10 years ago

Fonctionne chez moi aussi, parfait.

#3

Updated by Thomas Noël about 10 years ago

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

Updated by Thomas Noël about 10 years ago

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

Updated by Thomas Noël about 10 years ago

  • Status changed from Solution déployée to 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

Updated by Thomas Noël almost 10 years ago

  • Status changed from Résolu (à déployer) to Fermé

Also available in: Atom PDF