diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/generated/app.js b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/generated/app.js index 820471f7..e3ccf263 100644 --- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/generated/app.js +++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/generated/app.js @@ -5592,6 +5592,8 @@ function navigateToTab(name, options = {}) { _activeTab = name; document.querySelectorAll(".tab-bar .tab").forEach((t) => t.classList.remove("active")); btn.classList.add("active"); + const toolsBtn = document.getElementById("mobile-more-btn"); + if (toolsBtn) toolsBtn.classList.toggle("active", getComputedStyle(btn).display === "none"); window.trxUi?.syncSelectedTab(document.querySelector(".tab-bar-nav"), btn); document.querySelectorAll(".tab-panel").forEach((p) => p.style.display = "none"); const panel = document.getElementById(`tab-${name}`); diff --git a/src/trx-client/trx-frontend/trx-frontend-http/frontend/src/app.ts b/src/trx-client/trx-frontend/trx-frontend-http/frontend/src/app.ts index 1ee99d46..2d04143a 100644 --- a/src/trx-client/trx-frontend/trx-frontend-http/frontend/src/app.ts +++ b/src/trx-client/trx-frontend/trx-frontend-http/frontend/src/app.ts @@ -4600,6 +4600,12 @@ function navigateToTab(name: TabName, options: { updateHistory?: boolean; replac _activeTab = name; document.querySelectorAll(".tab-bar .tab").forEach((t) => t.classList.remove("active")); btn.classList.add("active"); + // A destination the strip hides is reached through Tools, so mark that + // button instead — otherwise the strip looks identical on all four of them. + // Derived from what is actually hidden rather than from a second copy of the + // grouping, which would drift from the one ui-core installs. + const toolsBtn = document.getElementById("mobile-more-btn"); + if (toolsBtn) toolsBtn.classList.toggle("active", getComputedStyle(btn).display === "none"); window.trxUi?.syncSelectedTab(document.querySelector(".tab-bar-nav"), btn); document.querySelectorAll(".tab-panel").forEach((p) => p.style.display = "none"); const panel = document.getElementById(`tab-${name}`);