Produits Entr'ouvert » Chrono

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).

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 ?

Thomas Jund a écrit :

On part là dessus ?

Oui ça me paraît bien !