marty/rm-circle-team-router
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Navigation audit fixes: duplicates, mobile invisibility, and two dead ends

Browse Source 
Ran a signed-in walkthrough of 23 pages at desktop and mobile widths. Three
real problems.

1. ELEVEN Suite pages showed "My Dashboard" TWICE — they ship their own
   button and nav-dash.js injected a second one. It now bails if a /my link
   is already present.

2. The Suite link was hide-mobile, so on a phone — where most members are —
   the toolkit was invisible on every page except the dashboard. That is
   precisely backwards for the tool we just launched to the whole org. It is
   now visible at every width.

3. Fast Start and Weekly Rhythm had NO navigation at all and an unclickable
   brand mark: a member landing there was stuck with the browser back button.
   They are PRINT sheets, so bolting the site header on would have wrecked
   what they are for — they now carry a small screen-only bar that is hidden
   by @media print.

Printable Handouts and Generation Pay were also missing the Suite link; they
pick it up from nav-dash now that it is no longer hidden on mobile.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
martbost
2026-08-29 06:39:42 -05:00
parent b5cb63f15c
commit 8262b382e6
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/fast-start.html
+2 -1
View File
@@ -45,8 +45,9 @@
.fs-foot{margin-top:10px;padding-top:8px;font-size:11px;line-height:1.45}
.fs-item .cb{width:12px;height:12px;margin-top:2px}
}
</style></head>
</style><style>.scr-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:12px 14px;background:#071421;border-bottom:1px solid #27445e}.scr-nav a{color:#f3be43;text-decoration:none;font:600 14px/1 Inter,system-ui,sans-serif;padding:8px 12px;border:1px solid #27445e;border-radius:999px}.scr-nav a:hover{border-color:#f3be43}@media print{.scr-nav{display:none !important}}</style></head>
<body>
<div class="scr-nav"><a href="/my">← My Dashboard</a><a href="/suite">🧰 My Tools</a><a href="/tools">🎬 Promo Tools</a></div>
<div class="fs-wrap">
<div class="fs-sheet">
<h1>⚡ RM Circle 48-Hour Fast Start</h1>
public/nav-dash.js
+4 -1
View File
@@ -16,7 +16,7 @@
if (/^\/suite(\/|$)/.test(location.pathname)) return;
if (nav.querySelector('a[href="/suite"]')) return;
var a = document.createElement('a');
a.className = 'btn btn-secondary hide-mobile';
a.className = 'btn btn-secondary';
a.href = '/suite';
a.textContent = '🧰 My Tools';
nav.insertBefore(a, nav.firstChild);
@@ -25,6 +25,9 @@
function add(id) {
if (!id || !/^\d{1,15}$/.test(String(id))) return;
if (document.getElementById('navMyDash')) return;
// Several pages already ship their own dashboard button. Injecting a
// second one gave members two identical links side by side.
if (nav.querySelector('a[href^="/my"]')) return;
var a = document.createElement('a');
a.id = 'navMyDash';
a.className = 'btn btn-secondary';
public/weekly-rhythm.html
+2 -1
View File
@@ -34,8 +34,9 @@
.wr-cb{border-color:#111}
.fs-sec h2,.fs-foot,.wr-table td,.wr-table th{border-color:#bbb}
}
</style></head>
</style><style>.scr-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:12px 14px;background:#071421;border-bottom:1px solid #27445e}.scr-nav a{color:#f3be43;text-decoration:none;font:600 14px/1 Inter,system-ui,sans-serif;padding:8px 12px;border:1px solid #27445e;border-radius:999px}.scr-nav a:hover{border-color:#f3be43}@media print{.scr-nav{display:none !important}}</style></head>
<body>
<div class="scr-nav"><a href="/my">← My Dashboard</a><a href="/suite">🧰 My Tools</a><a href="/tools">🎬 Promo Tools</a></div>
<div class="fs-wrap">
<div class="fs-sheet">
<h1>🔁 The Weekly Rhythm</h1>