[style](trx-frontend-http): use card overlay for map loading indicator

Replace the plain centered text with the same overlay card style used
by the connection-lost screen (decode-history-overlay + content-overlay).
Toggle visibility via the is-hidden class for a smooth fade transition.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
2026-04-04 15:34:10 +02:00
parent aadfa90a60
commit 71650c0e70
3 changed files with 10 additions and 13 deletions
@@ -4476,14 +4476,14 @@ function _initMapWhenReady() {
const loadingEl = document.getElementById("map-loading");
if (window.trx.map && typeof L !== "undefined") {
if (_mapInitTimer) { clearInterval(_mapInitTimer); _mapInitTimer = null; }
if (loadingEl) loadingEl.style.display = "none";
if (loadingEl) loadingEl.classList.add("is-hidden");
window.trx.map.initAprsMap();
window.trx.map.sizeAprsMapToViewport();
if (window.trx.map.aprsMap) setTimeout(() => window.trx.map.aprsMap.invalidateSize(), 50);
return;
}
// Not ready yet — show loading and poll until both are available.
if (loadingEl) loadingEl.style.display = "";
// Not ready yet — show overlay and poll until both are available.
if (loadingEl) loadingEl.classList.remove("is-hidden");
if (!_mapInitTimer) {
_mapInitTimer = setInterval(() => {
if (_activeTab !== "map") { clearInterval(_mapInitTimer); _mapInitTimer = null; return; }