romfast/gomag-vending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(design): FINDING-002 — replace hardcoded color on triangle indicator

Browse Source 
The billing/shipping diff triangle used inline style="color:#6b7280"
which doesn't adapt to dark mode. Now uses a CSS class with
var(--text-muted) for proper theming.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-04-01 20:21:13 +00:00
parent 5a515e371e
commit 8b547f96de
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
api/app/static/css/style.css
View File

@@ -453,6 +453,12 @@ input[type="checkbox"] {
.fc-dark { color: var(--text-secondary); }
.fc-orange { color: var(--accent); }
/* ── Client diff indicator (billing ≠ shipping) ──── */
.client-diff-indicator {
color: var(--text-muted);
font-size: 0.65rem;
}
/* ── Log viewer (dark theme — keep as-is) ────────── */
.log-viewer {
font-family: var(--font-data);

2
api/app/static/js/dashboard.js
View File

@@ -465,7 +465,7 @@ function renderClientCell(order) {
const shipping = (order.shipping_name || '').trim();
const isDiff = display !== shipping && shipping;
if (isDiff) {
return `<td class="tooltip-cont fw-bold" data-tooltip="Livrare: ${escHtml(shipping)}">${escHtml(display)}&nbsp;<sup style="color:#6b7280;font-size:0.65rem">&#9650;</sup></td>`;
return `<td class="tooltip-cont fw-bold" data-tooltip="Livrare: ${escHtml(shipping)}">${escHtml(display)}&nbsp;<sup class="client-diff-indicator">&#9650;</sup></td>`;
}
return `<td class="fw-bold">${escHtml(display || billing || '\u2014')}</td>`;
}