Disposition en grille d'agenda pour le mode "pleines journées" #4

New issue

Open

opened 2026-05-12 00:08:39 +02:00 by gwennlbh · 1 comment

gwennlbh commented

2026-05-12 00:08:39 +02:00

Hello!

Merci pour ce fork, c super pratique!

Je pense qu'on peut améliorer l'ergonomie pour le mode avec que des journées entières: ça fait pas vraiment sens d'imposer un scroll horizontal (faut attraper la scrollbar etc) alors que le "tableau" n'a qu'une seule ligne (vu qu'on est en pleines journées)

J'ai ce bout de CSS que j'applique via une extension de userstyle et ça rend plutôt bien:

[class^=AvailabilityViewer][class$=__heatmap] {
    padding: 2rem;
    display: grid;
    grid-template-columns: repeat(7, min-content);
    justify-content: center;
    
    /* Cache "Toute la journée" tout à gauche */
    & > :first-child {
        display: none;
    }
}

ça donne ça:

le 7 dans le repeat(...) fait que ça wrap à une semaine, donc ça rend plutot bien.

Par contre ducoup ça démarre pas toujours à lundi, mais finalement c plutot bien psk selon les situations ça peut être bien de vouloir commencer les lignes un autre jour que lundi (et d'ailleurs selon les cultures on commence pas forcément les semaines un lundi, mais bon c'est un peu out of scope j'imagine xD)

Hello! Merci pour ce fork, c super pratique! Je pense qu'on peut améliorer l'ergonomie pour le mode avec que des journées entières: ça fait pas vraiment sens d'imposer un scroll horizontal (faut attraper la scrollbar etc) alors que le "tableau" n'a qu'une seule ligne (vu qu'on est en pleines journées) J'ai ce bout de CSS que j'applique via une extension de userstyle et ça rend plutôt bien: ```css [class^=AvailabilityViewer][class$=__heatmap] { padding: 2rem; display: grid; grid-template-columns: repeat(7, min-content); justify-content: center; /* Cache "Toute la journée" tout à gauche */ & > :first-child { display: none; } } ``` ça donne ça: ![image](/attachments/f2186d53-b70c-4acf-b928-154fc4a56339) le `7` dans le `repeat(...)` fait que ça wrap à une semaine, donc ça rend plutot bien. Par contre ducoup ça démarre pas toujours à lundi, mais finalement c plutot bien psk selon les situations ça peut être bien de vouloir commencer les lignes un autre jour que lundi (et d'ailleurs selon les cultures on commence pas forcément les semaines un lundi, mais bon c'est un peu out of scope j'imagine xD)

image.png

68 KiB

gwennlbh commented

2026-05-12 09:58:04 +02:00

Author

update: pour avoir le truc avec les sélectieurs par personne qui s'ancre en haut quand on scroll:

#login + * + * {
    background: white;
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 1rem;
}

(bon le sélecteur est moche bien sûr mais c psk c mon userstyle pour l'instant)

update: pour avoir le truc avec les sélectieurs par personne qui s'ancre en haut quand on scroll: ```css #login + * + * { background: white; position: sticky; top: 0; z-index: 10; padding: 1rem; } ``` (bon le sélecteur est moche bien sûr mais c psk c mon userstyle pour l'instant)