[fix](trx-frontend): restore sdr frequency accent and waterfall gap
Keep the SDR frequency input accented without extra VFOs and restore the bottom spacing below the waterfall. Co-authored-by: OpenAI Codex <codex@openai.com> Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
@@ -1419,6 +1419,7 @@ function render(update) {
|
|||||||
cwToneEl.disabled = disabled;
|
cwToneEl.disabled = disabled;
|
||||||
cwToneEl.readOnly = disabled;
|
cwToneEl.readOnly = disabled;
|
||||||
}
|
}
|
||||||
|
let activeFreqColor = "var(--accent-green)";
|
||||||
if (update.status && update.status.vfo && Array.isArray(update.status.vfo.entries)) {
|
if (update.status && update.status.vfo && Array.isArray(update.status.vfo.entries)) {
|
||||||
const entries = update.status.vfo.entries;
|
const entries = update.status.vfo.entries;
|
||||||
const activeIdx = Number.isInteger(update.status.vfo.active) ? update.status.vfo.active : null;
|
const activeIdx = Number.isInteger(update.status.vfo.active) ? update.status.vfo.active : null;
|
||||||
@@ -1436,7 +1437,7 @@ function render(update) {
|
|||||||
if (activeIdx === idx) {
|
if (activeIdx === idx) {
|
||||||
btn.classList.add("active");
|
btn.classList.add("active");
|
||||||
btn.style.color = color;
|
btn.style.color = color;
|
||||||
freqEl.style.color = color;
|
activeFreqColor = color;
|
||||||
} else btn.addEventListener("click", async () => {
|
} else btn.addEventListener("click", async () => {
|
||||||
btn.disabled = true;
|
btn.disabled = true;
|
||||||
showHint("Toggling VFO…");
|
showHint("Toggling VFO…");
|
||||||
@@ -1455,6 +1456,9 @@ function render(update) {
|
|||||||
} else {
|
} else {
|
||||||
vfoPicker.innerHTML = "<button type=\"button\" class=\"active\">--</button>";
|
vfoPicker.innerHTML = "<button type=\"button\" class=\"active\">--</button>";
|
||||||
}
|
}
|
||||||
|
if (freqEl) {
|
||||||
|
freqEl.style.color = activeFreqColor;
|
||||||
|
}
|
||||||
if (update.status && update.status.rx && typeof update.status.rx.sig === "number") {
|
if (update.status && update.status.rx && typeof update.status.rx.sig === "number") {
|
||||||
const sUnits = dbmToSUnits(update.status.rx.sig);
|
const sUnits = dbmToSUnits(update.status.rx.sig);
|
||||||
sigLastSUnits = sUnits;
|
sigLastSUnits = sUnits;
|
||||||
|
|||||||
@@ -508,7 +508,7 @@ small { color: var(--text-muted); }
|
|||||||
.title { font-size: 1.4rem; font-weight: 700; display: inline-flex; align-items: center; gap: 0.35rem; }
|
.title { font-size: 1.4rem; font-weight: 700; display: inline-flex; align-items: center; gap: 0.35rem; }
|
||||||
.overview-strip {
|
.overview-strip {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0 0 0.45rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user