MadJax
61298d6384
- Export PDF: nouveau nommage AAAAMM/AAAA_Trajets_MATRICULE_PLAQUE.pdf, logo carré embarqué en en-tête, km formatés selon Precision_Distance, restructuration en-têtes (Domicile déplacé, période/année fusionnées au titre) - Correction bug: le nom de fichier suggéré au téléchargement ne remontait pas au frontend (CORS WithExposedHeaders manquant + composants résumé ne lisaient pas Content-Disposition) - Résumé mensuel: colonne Commentaire, sélecteur temporel unifié (auto-chargement), km selon précision - Résumé annuel: bouton Export PDF repositionné, km selon précision - Panneau totaux: renommage "Remboursement indicatif" + infobulles d'aide (icône) au lieu du texte permanent - Ajout de PdfServiceIntegrationTests (3 tests), 65/65 tests backend OK - Mise à jour requirements.md et design.md en conséquence
114 lines
1.5 KiB
SCSS
114 lines
1.5 KiB
SCSS
.resume-annuel {
|
|
padding: 1.5rem;
|
|
max-width: 640px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.4rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.selecteurs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-end;
|
|
justify-content: space-between;
|
|
gap: 1rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.selecteurs__groupe {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-end;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.champ {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.champ label {
|
|
font-weight: 600;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
|
|
.champ input {
|
|
padding: 0.5rem;
|
|
border: 1px solid #bbb;
|
|
border-radius: 6px;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.actions {
|
|
display: flex;
|
|
gap: 0.75rem;
|
|
}
|
|
|
|
.btn-principal,
|
|
.btn-secondaire {
|
|
padding: 0.55rem 1.25rem;
|
|
border-radius: 6px;
|
|
cursor: pointer;
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.btn-principal {
|
|
background: var(--couleur-bleu);
|
|
color: #fff;
|
|
border: 1px solid var(--couleur-bleu);
|
|
|
|
&:hover:not(:disabled) {
|
|
background: var(--couleur-orange);
|
|
border-color: var(--couleur-orange);
|
|
}
|
|
}
|
|
|
|
.btn-secondaire {
|
|
background: #fff;
|
|
color: #1565c0;
|
|
border: 1px solid #1565c0;
|
|
}
|
|
|
|
.btn-principal:disabled,
|
|
.btn-secondaire:disabled {
|
|
opacity: 0.55;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.mois {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.mois th,
|
|
.mois td {
|
|
text-align: left;
|
|
padding: 0.5rem 0.75rem;
|
|
border-bottom: 1px solid #e0e0e0;
|
|
}
|
|
|
|
.mois th {
|
|
font-weight: 600;
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
.mois .num {
|
|
text-align: right;
|
|
}
|
|
|
|
.mois tfoot td {
|
|
font-weight: 600;
|
|
border-top: 2px solid #bbb;
|
|
}
|
|
|
|
.mois .total {
|
|
color: #1565c0;
|
|
}
|
|
|
|
.info {
|
|
color: #555;
|
|
}
|