github/awesome-kubernetes
1
0
Fork 0
mirror of https://github.com/nubenetes/awesome-kubernetes.git synced 2026-08-25 07:57:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(v2/nav): slim quick-nav bar with persistent key destinations

Browse Source 
Adds a thin horizontal bar below the header (on every page) with 6 curated
one-click destinations: Topic Map, Intelligence Digest, Video Hub, AI & MCP,
Methodology, V1 Archive. Implemented by overriding Material's 
H        H        H        H        H        H        H        H        H        H       
 block
(empty since navigation.tabs is disabled) + .nb-quicknav CSS — so it gives the
persistent cross-page shortcuts that previously only existed as badge cards on
the home, WITHOUT the 18-tab overflow and WITHOUT collapsing the full left
navigation tree. Template/CSS only (no page regeneration); V2-only (V1 uses the
stock theme). Cache-bust v2_elite.css?v=2.9.27.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Nubenetes Bot
2026-06-20 14:47:12 +02:00
co-authored by Claude Opus 4.8
parent 294b10dca5
commit 85e47f12af
3 changed files with 64 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/static/v2_elite.css
Vendored
+44
View File
@@ -1230,6 +1230,50 @@ input[type="text"] {
margin-top: 0;
font-size: 1.05rem;
}
/* ===================================================================
Slim quick-nav bar (rendered in the theme `tabs` block, below header)
Persistent one-click access to key destinations on every page.
=================================================================== */
.nb-quicknav {
background: var(--md-header-bg-color);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.nb-quicknav__inner {
max-width: 1600px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 1.4rem;
flex-wrap: wrap;
padding: 0.4rem 1.2rem;
}
.nb-quicknav__link {
color: rgba(255, 255, 255, 0.78) !important;
text-decoration: none;
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.01em;
white-space: nowrap;
transition: color 0.2s ease, text-shadow 0.2s ease;
}
.nb-quicknav__link:hover {
color: var(--md-accent-fg-color) !important;
text-shadow: 0 0 8px rgba(34, 211, 238, 0.35);
}
.nb-quicknav__link--muted {
opacity: 0.65;
margin-left: auto; /* push V1 Archive to the right edge */
}
/* On phones the left drawer already exposes navigation; let the bar scroll. */
@media screen and (max-width: 44.9375em) {
.nb-quicknav__inner {
flex-wrap: nowrap;
overflow-x: auto;
gap: 1rem;
}
.nb-quicknav__link--muted { margin-left: 1rem; }
}
.topic-map-dim ul {
margin-top: 0.3rem;
}