FinanceBuddy: per-column net total in the header (v0.4)

2026-07-07 17:05:03 -03:00
parent 6c23c4aeb2
commit 6328f3632f
4 changed files with 76 additions and 4 deletions
--- a/Asset/css/finance.css
+++ b/Asset/css/finance.css
@@ -1,9 +1,30 @@
 /*
 * FinanceBuddy styles.
- *
- * The per-column total (.fb-column-total) styling is added in a later version.
 */

+/* Per-column net total in the column header (its own line, subtle pill). */
+.fb-column-total {
+    display: inline-block;
+    margin-top: 3px;
+    padding: 0 5px;
+    font-weight: bold;
+    font-size: 0.95em;
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 3px;
+}
+
+.fb-total-debit {
+    color: #b94a48;
+}
+
+.fb-total-credit {
+    color: #468847;
+}
+
+.fb-total-zero {
+    color: #777;
+}
+
 /* Line-3 money badge on board cards. Its own background guarantees contrast on any card color. */
 .fb-line {
    margin: 2px 0 4px;