From 79db152c3f5d960710f2e94945b8078009b336e1 Mon Sep 17 00:00:00 2001 From: Denozordec Date: Tue, 27 Oct 2026 14:11:19 +0700 Subject: [PATCH] Header status names its cause; KPI cards wash on hover instead of an outline Co-Authored-By: Claude Sonnet 5.5 --- src/app/Shell.tsx | 2 +- src/screens/dashboard/Dashboard.module.css | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/app/Shell.tsx b/src/app/Shell.tsx index bbe845f..222a402 100644 --- a/src/app/Shell.tsx +++ b/src/app/Shell.tsx @@ -576,7 +576,7 @@ export function Shell({ - {blockingNow != null ? 'Attention' : (info?.dnsServerDomain ?? 'Server')} + {blockingNow != null ? `Blocking ${blockingNow.text.toLowerCase()}` : (info?.dnsServerDomain ?? 'Server')}
diff --git a/src/screens/dashboard/Dashboard.module.css b/src/screens/dashboard/Dashboard.module.css index 6f04f82..5127450 100644 --- a/src/screens/dashboard/Dashboard.module.css +++ b/src/screens/dashboard/Dashboard.module.css @@ -64,7 +64,8 @@ the whole card. Hover lifts the edge to the series' colour; focus draws the halo border-radius: inherit; cursor: pointer; } -.open:hover { border-color: var(--tc, var(--acc)); } +/* A card that opens Query Logs shows it with a light wash, not an outline. */ +.open:hover { background: color-mix(in oklch, var(--pan2) 40%, transparent); } .open:focus-visible { outline: none; box-shadow: var(--halo-focus); } .tile .k { font-size: 13px; font-weight: 500; color:var(--mute); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }