Projet

Général

Profil

Bug #52464

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

Ajouté par Valentin Deniaud il y a presque 3 ans. Mis à jour il y a presque 3 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Catégorie:
-
Version cible:
-
Début:
29 mars 2021
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

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


Fichiers

Révisions associées

Révision 15d1e227 (diff)
Ajouté par Thomas Jund il y a presque 3 ans

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

Historique

#2

Mis à jour par Thomas Jund il y a presque 3 ans

  • Assigné à mis à Thomas Jund
#3

Mis à jour par Thomas Jund il y a presque 3 ans

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

Mis à jour par Valentin Deniaud il y a presque 3 ans

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

Mis à jour par Thomas Jund il y a presque 3 ans

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

Mis à jour par Valentin Deniaud il y a presque 3 ans

Thomas Jund a écrit :

On part là dessus ?

Oui ça me paraît bien !

#8

Mis à jour par Valentin Deniaud il y a presque 3 ans

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

#9

Mis à jour par Valentin Deniaud il y a presque 3 ans

  • Statut changé de Solution proposée à Solution validée

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

#10

Mis à jour par Thomas Jund il y a presque 3 ans

  • Statut changé de Solution validée à 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

Mis à jour par Frédéric Péters il y a presque 3 ans

  • Statut changé de Résolu (à déployer) à Solution déployée

Formats disponibles : Atom PDF