bachir/drupal-figli-compta
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Badge TVA non officielle plus visible : gros liseret rouge sous le montant

Browse Source 
Le point ambre discret n'était pas assez visible. Remplacé par un
border-bottom épais (3px, rouge) directement sur la cellule TVA --
lisible d'un coup d'œil sans avoir besoin de place horizontale
supplémentaire, contrairement à un badge texte/icône dans une colonne
de 3,5% de large.
This commit is contained in:
bachir
2026-09-07 14:48:09 +02:00
parent 6576b35c07
commit 74ee8ab3b9
2 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/modules/custom/figli_compta_ledger/css/home.css
+9 -13
View File
@@ -476,19 +476,15 @@ 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;
/* Non-official TVA rate marker -- a thick red underline on the cell
itself rather than a small badge/dot (tried first, not visible
enough): the column is only ~3.5% wide, barely enough for
"12,64 %" itself, so a border under the whole cell reads clearly at
a glance without needing extra horizontal room a text/icon badge
would need. Tooltip (title attribute in the twig template) carries
the actual explanation. */
#figli-home-app td.figli-tva-nonofficial {
border-bottom: 3px solid var(--figli-error);
}
#figli-home-app .amount.compte-col {
width: 4.3%;
web/modules/custom/figli_compta_ledger/templates/figli-compta-home.html.twig
+1 -1
View File
@@ -243,7 +243,7 @@
</td>
<td class="amount figli-ht-col" :class="montantClass(item.montant_ht)">{{ formatEur(item.montant_ht) }}</td>
<td class="amount figli-cotisation-col">{{ formatEur(item.cotisation) }}</td>
<td class="amount figli-tva-col">{{ formatPct(item.tva) }}<span v-if="!isTvaOfficial(item.tva)" class="figli-tva-badge" title="Taux TVA non officiel (ni 0, 2,1, 5,5, 10 ni 20 %)"></span></td>
<td class="amount figli-tva-col" :class="{'figli-tva-nonofficial': !isTvaOfficial(item.tva)}" :title="!isTvaOfficial(item.tva) ? 'Taux TVA non officiel (ni 0, 2,1, 5,5, 10 ni 20 %)' : null">{{ formatPct(item.tva) }}</td>
<td class="amount figli-ttc-col">{{ formatEur(item.montant_ttc) }}</td>
<td v-for="c in allComptes" :key="c" class="amount compte-col">{{ item.parCompte[c] !== undefined ? formatEur(item.parCompte[c]) : '' }}</td>
<td class="amount" :class="{'figli-ecart': item.hasError && item.ecart < 0, 'figli-ecart-positif': item.hasError && item.ecart > 0}">{{ item.hasError ? formatEur(item.ecart) : '' }}</td>