ui: distinguish between missing fields and zero values in comparison view

Signed-off-by: NotAShelf <raf@notashelf.dev>
Change-Id: I3fca108a637507c34f7579d6d52236136a6a6964
This commit is contained in:
raf 2026-01-22 23:58:51 +03:00
commit 80e0c9dc3d
Signed by: NotAShelf
GPG key ID: 29D95B64378DB4BF
5 changed files with 129 additions and 38 deletions

View file

@ -1420,6 +1420,15 @@ body {
background: var(--bg-tertiary);
}
.compare-row.missing {
opacity: 0.6;
background: var(--bg-secondary);
}
.compare-row.missing:hover {
background: var(--bg-tertiary);
}
.compare-row .col-label {
font-size: 0.8125rem;
color: var(--text-primary);
@ -1465,6 +1474,25 @@ body {
color: var(--text-muted);
}
.missing-value {
color: var(--text-tertiary);
font-style: italic;
}
.missing-indicator {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
font-size: 0.75rem;
font-weight: 600;
font-family: var(--font-nums);
font-variant-numeric: tabular-nums;
background: rgba(156, 163, 175, 0.15);
color: var(--text-tertiary);
}
.comparison-summary {
display: flex;
gap: 1rem;