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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user