Drop the versement-warning row outline, keep only the badge

Too much visual noise -- the badge alone already says everything
needed. Removes the now-unused --figli-warning custom property along
with the outline rule.
This commit is contained in:
2026-09-05 10:49:56 +02:00
parent 1ab38bc2a7
commit 5a311b8439
2 changed files with 1 additions and 21 deletions
@@ -9,7 +9,6 @@
--figli-border: #dcdee2; --figli-border: #dcdee2;
--figli-error: #c9312b; --figli-error: #c9312b;
--figli-positive: #1a7f37; --figli-positive: #1a7f37;
--figli-warning: #d97a0a;
--figli-col-hover: rgba(15, 23, 42, 0.05); --figli-col-hover: rgba(15, 23, 42, 0.05);
font-family: Inter, -apple-system, sans-serif; font-family: Inter, -apple-system, sans-serif;
@@ -25,7 +24,6 @@ html.gin--dark-mode #figli-home-app {
--figli-border: #3d3e42; --figli-border: #3d3e42;
--figli-error: #ff6b6b; --figli-error: #ff6b6b;
--figli-positive: #4ade80; --figli-positive: #4ade80;
--figli-warning: #f0a94e;
--figli-col-hover: rgba(255, 255, 255, 0.07); --figli-col-hover: rgba(255, 255, 255, 0.07);
} }
@@ -189,24 +187,6 @@ html.gin--dark-mode #figli-home-app {
border-right: 1px solid var(--figli-error); border-right: 1px solid var(--figli-error);
} }
/* Versement freelance not (fully) backed by its entrée: same thin-outline
treatment as an error row, but amber -- it's not the ligne itself
that's inconsistent (répartition still matches montant HT), it's the
entrée/sortie relationship that isn't settled yet. Doesn't stack with
figli-error-row's red in practice (different conditions), but scoped
to :not() just in case a row is somehow both, so one outline wins
rather than the borders visually competing. */
#figli-home-app tr.figli-versement-warning-row:not(.figli-error-row) td {
border-top: 1px solid var(--figli-warning);
border-bottom: 1px solid var(--figli-warning);
}
#figli-home-app tr.figli-versement-warning-row:not(.figli-error-row) td:first-child {
border-left: 1px solid var(--figli-warning);
}
#figli-home-app tr.figli-versement-warning-row:not(.figli-error-row) td:last-child {
border-right: 1px solid var(--figli-warning);
}
#figli-home-app td.figli-ecart { #figli-home-app td.figli-ecart {
color: var(--figli-error); color: var(--figli-error);
font-weight: 700; font-weight: 700;
@@ -101,7 +101,7 @@
<tr v-if="item.isGroup" class="figli-group-row" :data-year="item.year"> <tr v-if="item.isGroup" class="figli-group-row" :data-year="item.year">
<td :colspan="6 + allComptes.length + 3">{{ item.label }} <span class="figli-note">({{ item.count }} lignes)</span></td> <td :colspan="6 + allComptes.length + 3">{{ item.label }} <span class="figli-note">({{ item.count }} lignes)</span></td>
</tr> </tr>
<tr v-else :class="{'figli-error-row': item.hasError, 'figli-versement-warning-row': versementStatus(item)}" :data-year="item.date ? item.date.slice(0, 4) : null"> <tr v-else :class="{'figli-error-row': item.hasError}" :data-year="item.date ? item.date.slice(0, 4) : null">
<td class="actions-col"> <td class="actions-col">
<button <button
v-if="item.linkable" v-if="item.linkable"