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 5d1bc56..080183a 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 @@ -118,12 +118,11 @@ function updateAprsBar() { const call = ``; const dest = escapeMapHtml(pkt.destCall || ""); const info = escapeMapHtml(pkt.info || ""); - const posHtml = pkt.lat != null && pkt.lon != null - ? `` + const pin = pkt.lat != null && pkt.lon != null + ? `` : ""; html += `
`; } aprsBarOverlay.innerHTML = html; 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 eb01019..d31db8a 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,9 +680,7 @@ 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.3; + line-height: 1.45; opacity: 1; } .aprs-bar-frame-main { @@ -690,13 +688,19 @@ small { color: var(--text-muted); } overflow: hidden; text-overflow: ellipsis; } -.aprs-bar-frame-pos { - line-height: 1.1; - margin-bottom: 0.1rem; +.aprs-bar-pin { + background: none; + border: none; + padding: 0 0.2em 0 0; + font-size: 0.85em; + line-height: 1; + cursor: pointer; + vertical-align: middle; + opacity: 0.8; + transition: opacity 120ms; } -.aprs-bar-frame-pos { - display: block; - white-space: nowrap; +.aprs-bar-pin:hover { + opacity: 1; } .aprs-bar-frame + .aprs-bar-frame { opacity: 0.72;