From 88aa2d13139d304e425177acaaa3b778a1e5d4fc Mon Sep 17 00:00:00 2001 From: tv Date: Thu, 5 Nov 2026 02:04:39 +0100 Subject: dashboard: make via column shorter --- docs/dashboard.md | 2 +- src/api/dashboard/dashboard.html | 4 +++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/docs/dashboard.md b/docs/dashboard.md index 20aea9a..661b6b2 100644 --- a/docs/dashboard.md +++ b/docs/dashboard.md @@ -213,7 +213,7 @@ Every peer this node knows, with: | peer | Alias, or a shortened node ID (the full one in the tooltip). | | status | `active`, `dormant` (for how long: in the tooltip) or `unknown` (not heard from since this node started). | | seen | How long ago this node last heard from it. | -| via | The address this node sends to it at, and whether `direct` or `relayed`. | +| via | The address this node sends to it at, and whether `direct` or `relayed`: its start, cut short with an ellipsis; all of it in the tooltip. | | rtt | The round trip on that path. | | hop | How long its sync and blob messages take to come, by its clock and this node's, its clock offset taken off (`hopDelay` in [`measurements.md`](measurements.md)): this minute's mean, then the last 15 minutes' means as bars, oldest first (a minute without messages blank). Good to half the round trip, but the trend exactly: bars growing mean the link, or a queue on it, gets slower. All figures in the tooltip. | | clock | How far its clock is ahead of this node's (behind: `−`), give or take (in the tooltip); in orange beyond `--clock-skew-warn`, for sure ([`measurements.md`](measurements.md), Clocks). | diff --git a/src/api/dashboard/dashboard.html b/src/api/dashboard/dashboard.html index a5a96e8..a2c862a 100644 --- a/src/api/dashboard/dashboard.html +++ b/src/api/dashboard/dashboard.html @@ -239,6 +239,8 @@ #peers tr[data-peer] { cursor: pointer; } #peers tr.focused td { background: var(--line); } .id { font-family: ui-monospace, monospace; font-size: 12px; } + /* Where messages go: the start of the address, the rest in its tooltip. */ + #peers td.via { max-width: 12em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* A peer's status (not the legend's "dormant"). */ #peers .active { color: var(--ok); } #peers .dormant { color: var(--bad); } #peers .unknown { color: var(--muted); } @@ -452,7 +454,7 @@ function renderPeers() { el("td", { class: peer.status, title: peer.status === "dormant" ? "dormant for " + age(aged("dormantForSecs", peer.dormantForSecs)) : "" }, peer.status), el("td", {}, age(aged("lastSeenSecsAgo", peer.lastSeenSecsAgo))), - el("td", { class: "id" }, via), + el("td", { class: "id via", title: via }, via), el("td", {}, rtt), hopCell(peer.hopDelay), // Its clock against this node's, flagged beyond the limit (`--clock-skew-warn`). -- cgit v1.3.1