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; }