diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/aprs.js b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/aprs.js index a139162..16add18 100644 --- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/aprs.js +++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/aprs.js @@ -107,7 +107,7 @@ function applyAprsFilterToAll() { function updateAprsBar() { if (!aprsBarOverlay) return; const isPkt = (document.getElementById("mode")?.value || "").toUpperCase() === "PKT"; - const okFrames = aprsPacketHistory.filter((p) => p.crcOk); + const okFrames = aprsPacketHistory.filter((p) => p.crcOk).slice(0, 5); if (!isPkt || okFrames.length === 0) { aprsBarOverlay.style.display = "none"; return; @@ -119,9 +119,12 @@ function updateAprsBar() { const dest = escapeMapHtml(pkt.destCall || ""); const info = escapeMapHtml(pkt.info || ""); const posHtml = pkt.lat != null && pkt.lon != null - ? ` ` + ? `` : ""; - html += `
`; + html += ``; } aprsBarOverlay.innerHTML = html; aprsBarOverlay.style.display = "flex"; diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css index 76f2acb..fba2438 100644 --- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css +++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css @@ -680,11 +680,19 @@ small { color: var(--text-muted); } .aprs-bar-frame { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: clamp(0.58rem, 1.05vw, 0.74rem); + display: flex; + flex-direction: column; + line-height: 1.45; + opacity: 1; +} +.aprs-bar-frame-main { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - line-height: 1.45; - opacity: 1; +} +.aprs-bar-frame-pos { + display: block; + white-space: nowrap; } .aprs-bar-frame + .aprs-bar-frame { opacity: 0.72;