Badge sur les taux TVA non officiels, écart positif en vert

- Un point ambre discret (pas de texte -- la colonne TVA ne fait que
  3,5% de large, à peine assez pour "12,64 %" lui-même) marque tout
  taux TVA qui ne tombe sur aucun des 5 taux officiels français (0,
  2,1, 5,5, 10, 20 %, ±0,05 point comme dans les scripts de migration).
  Infobulle pour le détail.
- Écart positif (répartition > Montant HT) passe au vert
  (--figli-positive), au lieu du rouge uniforme précédent -- même
  logique que la colonne Montant HT, qui distingue déjà positif/négatif.
This commit is contained in:
2026-09-07 14:45:06 +02:00
parent 0baa03855b
commit 6576b35c07
3 changed files with 44 additions and 5 deletions
@@ -292,12 +292,21 @@ html.gin--dark-mode #figli-home-app {
font-weight: 700;
}
/* Écart is called out by the Écart column itself (bold red, see
.figli-ecart below) -- no separate row-level treatment needed. */
/* Écart is called out by the Écart column itself (bold, red or green
depending on sign -- see below) -- no separate row-level treatment
needed. Répartition > Montant HT (positive écart) means the accounts
were credited more than what's actually owed for this line, the same
"more money than expected" sense .figli-montant-positif already
marks green elsewhere; the reverse (negative) stays the usual
red/error color. */
#figli-home-app td.figli-ecart {
color: var(--figli-error);
font-weight: 700;
}
#figli-home-app td.figli-ecart-positif {
color: var(--figli-positive);
font-weight: 700;
}
/* Signalé rows: a thick amber accent bar on the left edge. */
#figli-home-app tr.figli-flag-row td:first-child {
@@ -467,6 +476,20 @@ html.gin--dark-mode #figli-home-app {
#figli-home-app .amount.figli-tva-col {
width: 3.5%;
}
/* Non-official TVA rate marker -- a plain dot rather than a text badge
(e.g. "non officiel"): the column is only ~3.5% wide, barely enough
for "12,64 %" itself, so anything wider than a few px would overflow
into the next column. Tooltip (title attribute in the twig template)
carries the actual explanation. */
#figli-home-app .figli-tva-badge {
display: inline-block;
width: 6px;
height: 6px;
margin-left: 3px;
border-radius: 50%;
background: var(--figli-warning);
vertical-align: middle;
}
#figli-home-app .amount.compte-col {
width: 4.3%;
white-space: nowrap;