sjg/trx-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[style](trx-frontend-http): tighten APRS bar spacing, shrink clear btn, remove cap

Browse Source 
- Reduce frame line-height 1.45→1.3 and pos sub-line to 1.1 to close
  the gap between the info and coordinate rows within each entry
- Shrink clear button (smaller padding, 0.78em font)
- Remove 5-entry cap; full history visible via scroll

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-01 14:55:37 +01:00
parent 7c810729ed
commit a7ba1eec5f
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/aprs.js
+1 -1
View File
@@ -107,7 +107,7 @@ function applyAprsFilterToAll() {
function updateAprsBar() { function updateAprsBar() {
if (!aprsBarOverlay) return; if (!aprsBarOverlay) return;
const isPkt = (document.getElementById("mode")?.value || "").toUpperCase() === "PKT"; const isPkt = (document.getElementById("mode")?.value || "").toUpperCase() === "PKT";
const okFrames = aprsPacketHistory.filter((p) => p.crcOk).slice(0, 5); const okFrames = aprsPacketHistory.filter((p) => p.crcOk);
if (!isPkt || okFrames.length === 0) { if (!isPkt || okFrames.length === 0) {
aprsBarOverlay.style.display = "none"; aprsBarOverlay.style.display = "none";
return; return;
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+7 -3
View File
@@ -662,9 +662,9 @@ small { color: var(--text-muted); }
background: none; background: none;
border: 1px solid color-mix(in srgb, var(--accent-green) 40%, transparent); border: 1px solid color-mix(in srgb, var(--accent-green) 40%, transparent);
border-radius: 999px; border-radius: 999px;
padding: 0.05rem 0.45rem; padding: 0.02rem 0.3rem;
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: 0.78em;
font-weight: 600; font-weight: 600;
letter-spacing: 0.06em; letter-spacing: 0.06em;
color: var(--accent-green); color: var(--accent-green);
@@ -682,7 +682,7 @@ small { color: var(--text-muted); }
font-size: clamp(0.58rem, 1.05vw, 0.74rem); font-size: clamp(0.58rem, 1.05vw, 0.74rem);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
line-height: 1.45; line-height: 1.3;
opacity: 1; opacity: 1;
} }
.aprs-bar-frame-main { .aprs-bar-frame-main {
@@ -690,6 +690,10 @@ small { color: var(--text-muted); }
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.aprs-bar-frame-pos {
line-height: 1.1;
margin-bottom: 0.1rem;
}
.aprs-bar-frame-pos { .aprs-bar-frame-pos {
display: block; display: block;
white-space: nowrap; white-space: nowrap;