Project

General

Profile

Bug #52464

Sur un agenda rdv avec beaucoup de guichets, la popup du détail d'une réservation ne se déplie pas

Added by Valentin Deniaud 3 months ago. Updated about 1 month ago.

Status:
Solution déployée
Priority:
Normal
Assignee:
Category:
-
Target version:
-
Start date:
29 Mar 2021
Due date:
% Done:

0%

Estimated time:
Patch proposed:
Yes
Planning:
No

Description

Cas extrême mais du coup ça serait fort utile que le dépliage fonctionne.


Files

Associated revisions

Revision 15d1e227 (diff)
Added by Thomas Jund about 1 month ago

CSS: improve day view UI when calendar has many desks (#52464)

History

#2

Updated by Thomas Jund about 2 months ago

  • Assignee set to Thomas Jund
#3

Updated by Thomas Jund about 1 month ago

Pas simple, j'ai testé pas mal de trucs et je propose :

  • donner une taille minimale de 8em aux guichets;
  • donc si trop de guichets, permettre au calendrier de scroller en fixant les heures sur la gauche
  • et agrandir à 15em de large les bookings si plus petits au :hover
#4

Updated by Valentin Deniaud about 1 month ago

Thomas Jund a écrit :

  • donner une taille minimale de 8em aux guichets;
  • donc si trop de guichets, permettre au calendrier de scroller en fixant les heures sur la gauche

Mmmh je suis à peu près sûr que ça ne va pas aller, la page doit permettre une vue d'ensemble de l'occupation des guichets sur la journée sans nécessiter de scroller.

Je pense qu'il faut enlever la contrainte min-width, pas grave si c'est pas très beau (mais si on veut faire plus joli je dirais que dans la situation où il y a trop de guichets, avoir juste un carré de couleur, avec hover qui déclenche affichage des infos + dépliage, vs situation actuelle où ça affiche 2 lettres et où le dépliage permet d'afficher le reste).

#5

Updated by Thomas Jund about 1 month ago

la page doit permettre une vue d'ensemble de l'occupation des guichets sur la journée sans nécessiter de scroller.

Une vue d'ensemble sur quelle largeur d'écrans (ils n'ont qu'à acheter des écrans 30 pouces) ?

Blague à part, c'est pas qu'une question de jolie.
Mais d'utilisabilité hors pointeur (en tactile avec des gros doigts).
Il faut à minima pouvoir taper sur la bonne réservation. Et donc que la case ne descende pas sous 30px quel que soit le viewport.
Je propose un compromis en réduisant la gouttière de moitié entre les guichets, en permettant aux labels de colonne de se casser (seul moyen en display-table à une cellule d'être plus petit que son contenu) et en passant le min-width à 30px , ils peuvent voir les 37 guichets sur un viewport de 1920 de large tout en conservant l'utilisabilité sur un écran de tablette en tactile avec scroll, mais aussi en garantissant que l'UI fonctionnera toujours, avec ou sans scroll, avec 1 ou 200 guichets.

On part là dessus ?

#6

Updated by Valentin Deniaud about 1 month ago

Thomas Jund a écrit :

On part là dessus ?

Oui ça me paraît bien !

#8

Updated by Valentin Deniaud about 1 month ago

Nickel sous chromium, par contre ça ne marche pas avec Firefox chez moi.

#9

Updated by Valentin Deniaud about 1 month ago

  • Status changed from Solution proposée to Solution validée

Go, c'est moi qui tourne sous un FF d'un autre âge.

#10

Updated by Thomas Jund about 1 month ago

  • Status changed from Solution validée to Résolu (à déployer)
commit 15d1e227f4ac19f17947e48267504ce327ae7e49
Author: Thomas JUND <tjund@entrouvert.com>
Date:   Thu May 6 19:06:37 2021 +0200

    CSS: improve day view UI when calendar has many desks (#52464)
#11

Updated by Frédéric Péters about 1 month ago

  • Status changed from Résolu (à déployer) to Solution déployée

Also available in: Atom PDF