feat: dropdown descriptions beneath nav items
This commit is contained in:
parent
db2c814c38
commit
b2153deedc
3 changed files with 53 additions and 19 deletions
|
|
@ -6,19 +6,23 @@
|
|||
"children": [
|
||||
{
|
||||
"label": "OPERATOR PROFILE",
|
||||
"url": "/hq/profile"
|
||||
"url": "/hq/profile",
|
||||
"description": "Personal dossier & credentials"
|
||||
},
|
||||
{
|
||||
"label": "SITE BRIEFING",
|
||||
"url": "/hq/briefing"
|
||||
"url": "/hq/briefing",
|
||||
"description": "Mission overview & site intel"
|
||||
},
|
||||
{
|
||||
"label": "TELEMETRY",
|
||||
"url": "/hq/telemetry"
|
||||
"url": "/hq/telemetry",
|
||||
"description": "System metrics & performance data"
|
||||
},
|
||||
{
|
||||
"label": "MAINTENANCE LOG",
|
||||
"url": "/hq/logs"
|
||||
"url": "/hq/logs",
|
||||
"description": "Operational logs & diagnostics"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -29,15 +33,18 @@
|
|||
"children": [
|
||||
{
|
||||
"label": "DISPATCHES",
|
||||
"url": "/transmissions/dispatches"
|
||||
"url": "/transmissions/dispatches",
|
||||
"description": "Field reports & updates"
|
||||
},
|
||||
{
|
||||
"label": "SITREP",
|
||||
"url": "/transmissions/sitrep"
|
||||
"url": "/transmissions/sitrep",
|
||||
"description": "Situation reports & status"
|
||||
},
|
||||
{
|
||||
"label": "RADAR",
|
||||
"url": "/transmissions/radar"
|
||||
"url": "/transmissions/radar",
|
||||
"description": "Incoming signals & activity feed"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -48,19 +55,23 @@
|
|||
"children": [
|
||||
{
|
||||
"label": "DEPLOYMENTS",
|
||||
"url": "/armoury/deployments"
|
||||
"url": "/armoury/deployments",
|
||||
"description": "Active projects & builds"
|
||||
},
|
||||
{
|
||||
"label": "LAB",
|
||||
"url": "/armoury/lab"
|
||||
"url": "/armoury/lab",
|
||||
"description": "Experimental prototypes"
|
||||
},
|
||||
{
|
||||
"label": "FIELD MANUALS",
|
||||
"url": "/armoury/fieldmanuals"
|
||||
"url": "/armoury/fieldmanuals",
|
||||
"description": "Technical documentation & guides"
|
||||
},
|
||||
{
|
||||
"label": "DEBRIEF",
|
||||
"url": "/armoury/debrief"
|
||||
"url": "/armoury/debrief",
|
||||
"description": "Post-mission analysis & reviews"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -71,19 +82,23 @@
|
|||
"children": [
|
||||
{
|
||||
"label": "CONTRABAND",
|
||||
"url": "/depot/contraband"
|
||||
"url": "/depot/contraband",
|
||||
"description": "16,000+ free resources catalogued"
|
||||
},
|
||||
{
|
||||
"label": "PROPAGANDA",
|
||||
"url": "/depot/propaganda"
|
||||
"url": "/depot/propaganda",
|
||||
"description": "Classified documents & briefings"
|
||||
},
|
||||
{
|
||||
"label": "EXFIL",
|
||||
"url": "/depot/exfil"
|
||||
"url": "/depot/exfil",
|
||||
"description": "Extraction tools & downloads"
|
||||
},
|
||||
{
|
||||
"label": "RECON",
|
||||
"url": "/depot/recon"
|
||||
"url": "/depot/recon",
|
||||
"description": "135,000+ curated intel across 28 sectors"
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
@ -94,15 +109,18 @@
|
|||
"children": [
|
||||
{
|
||||
"label": "OPEN CHANNELS",
|
||||
"url": "/comms/openchannels"
|
||||
"url": "/comms/openchannels",
|
||||
"description": "Public communication links"
|
||||
},
|
||||
{
|
||||
"label": "ENCRYPTED LINE",
|
||||
"url": "/comms/encryptedline"
|
||||
"url": "/comms/encryptedline",
|
||||
"description": "Secure direct contact"
|
||||
},
|
||||
{
|
||||
"label": "BACKUP RELAY",
|
||||
"url": "/comms/backuprelay"
|
||||
"url": "/comms/backuprelay",
|
||||
"description": "Alternative contact methods"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -271,6 +271,21 @@ a:hover { color: #fff; text-shadow: none; }
|
|||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.dropdown-desc {
|
||||
display: block;
|
||||
font-size: 0.55rem;
|
||||
color: rgba(255, 255, 255, 0.3);
|
||||
letter-spacing: 0.5px;
|
||||
font-family: var(--font-mono);
|
||||
margin-top: 0.15rem;
|
||||
text-transform: none;
|
||||
font-weight: 300;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.dropdown li a:hover .dropdown-desc {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.dropdown li a:hover::before { opacity: 1; }
|
||||
|
||||
/* Nav Status */
|
||||
|
|
|
|||
|
|
@ -71,7 +71,8 @@
|
|||
const childIsAnchor = childUrl.startsWith('#') || childUrl.startsWith('/#');
|
||||
const childHref = childIsAnchor && path !== '/' ? '/' + childUrl.replace(/^\//, '') : childUrl;
|
||||
|
||||
html += `<li><a href="${childHref}" class="dropdown-link${childActiveClass}">${childLabel}</a></li>`;
|
||||
const childDesc = child.description || '';
|
||||
html += `<li><a href="${childHref}" class="dropdown-link${childActiveClass}">${childLabel}${childDesc ? `<span class="dropdown-desc">${childDesc}</span>` : ''}</a></li>`;
|
||||
});
|
||||
html += `</ul>`;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue