Liste : journées repliables + libellé « Choisir un mois »

- Sélecteur temporel : libellé « 📅 Choisir une date » → « 📅 Choisir un mois ».

- Liste mensuelle : chaque journée est désormais repliable (en-tête cliquable
  avec chevron, date et nombre de trajets). Par défaut toutes les journées sont
  repliées ; au changement de mois, seule la dernière journée comportant des
  trajets est dépliée. Les mises à jour au sein du même mois (ajout, suppression,
  réordonnancement) conservent l'état d'ouverture courant.

- La date, désormais portée par l'en-tête du groupe, est retirée de chaque ligne
  de trajet (suppression du doublon) ; le commentaire occupe seul sa ligne.

Builds dev et prod OK.
This commit is contained in:
2026-09-15 21:01:06 +02:00
parent 48d75b8e06
commit 3342fd8ec2
4 changed files with 106 additions and 14 deletions
@@ -11,17 +11,44 @@
padding: 0.5rem 0;
&__entete {
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
margin: 0 0 0.4rem;
padding: 0.35rem 0.5rem;
padding: 0.4rem 0.5rem;
font-size: 0.85rem;
font-weight: 700;
color: #334155;
background: #f1f5f9;
border: 1px solid #e2e8f0;
border-radius: 6px;
text-transform: none;
text-align: left;
cursor: pointer;
position: sticky;
top: 0;
z-index: 1;
&:hover {
background: #e9eef4;
}
}
&__chevron {
flex: 0 0 auto;
color: #64748b;
font-size: 0.75rem;
}
&__date {
flex: 1 1 auto;
}
&__compteur {
flex: 0 0 auto;
font-weight: 500;
font-size: 0.75rem;
color: #64748b;
}
& + .jour {
@@ -81,11 +108,6 @@
font-style: italic;
line-height: 1.3;
word-break: break-word;
// Séparateur visuel discret entre la date et le commentaire.
&::before {
content: '— ';
color: #cbd5e1;
}
}
&__adresses {