[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
@@ -977,7 +977,12 @@
</div>
</div>
<div id="tab-map" class="tab-panel" data-tab="map" style="display:none;">
<div id="map-loading" class="map-loading-msg">Loading map&hellip;</div>
<div id="map-loading" class="decode-history-overlay content-overlay" aria-live="polite" aria-atomic="true">
<div class="decode-history-overlay-card">
<div class="decode-history-overlay-title">Loading map&hellip;</div>
<div class="decode-history-overlay-sub">Waiting for map engine to initialise</div>
</div>
</div>
<template id="tmpl-map">
<div id="map-stage">
<div class="map-overlay-panel">