graham/prop
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use propagation tier color as popup header background

Browse source
This commit is contained in:
Graham McIntire 2026-03-31 13:08:21 -05:00
parent 5eaa55448e
commit 8f5b53180b
No known key found for this signature in database
GPG key ID: F4ABF488E6029E59
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
assets/js/propagation_map_hook.js
View file

@ -60,17 +60,19 @@ function buildPopupHTML(detail) {
}
return `<div style="color:#333;min-width:280px;">
<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;">
<div style="background:${tier.color};color:#000;padding:6px 10px;margin:-1px -1px 0 -1px;border-radius:4px 4px 0 0;display:flex;justify-content:space-between;align-items:baseline;">
<strong style="font-size:16px;">${detail.score}/100</strong>
<span style="background:${tier.color};color:#000;padding:1px 8px;border-radius:4px;font-size:11px;font-weight:700;">${tier.label}</span>
<span style="font-size:13px;font-weight:700;">${tier.label}</span>
</div>
<div style="font-size:12px;color:#666;margin-bottom:6px;">
${detail.band_label} &mdash; Est. range: ${range} (CW)<br>
${detail.lat.toFixed(3)}\u00b0N, ${Math.abs(detail.lon).toFixed(3)}\u00b0W &mdash; ${time}
<div style="padding:6px 10px;">
<div style="font-size:12px;color:#666;margin-bottom:6px;">
${detail.band_label} &mdash; Est. range: ${range} (CW)<br>
${detail.lat.toFixed(3)}\u00b0N, ${Math.abs(detail.lon).toFixed(3)}\u00b0W &mdash; ${time}
</div>
<table style="width:100%;border-collapse:collapse;border-top:1px solid #ddd;padding-top:4px;">
${rows}
</table>
</div>
<table style="width:100%;border-collapse:collapse;border-top:1px solid #ddd;padding-top:4px;">
${rows}
</table>
</div>`
}