fix: Fix duplicate navbar appearing in mdbook output

This commit is contained in:
Matthew Binning 2026-03-22 16:43:33 -07:00
parent d7d6b4de4e
commit a59df711e0
2 changed files with 16 additions and 2 deletions

View file

@ -5,7 +5,10 @@ document.addEventListener('DOMContentLoaded', function () {
'<div class="nav-container">' + '<div class="nav-container">' +
'<a href="/" class="nav-brand">Home</a>' + '<a href="/" class="nav-brand">Home</a>' +
'<ul class="nav-menu">' + '<ul class="nav-menu">' +
'<li><a href="/menu.html/">Menu</a></li>' +
'<li><a href="/blog/">Blog</a></li>' +
'<li><a href="https://forgejo.binning.net" target="_blank">Git</a></li>' + '<li><a href="https://forgejo.binning.net" target="_blank">Git</a></li>' +
'<li><a href="/resume.html">Resume</a></li>' +
'</ul>' + '</ul>' +
'</div>'; '</div>';
document.body.insertBefore(navbar, document.body.firstChild); document.body.insertBefore(navbar, document.body.firstChild);

View file

@ -5,14 +5,25 @@
.navbar { .navbar {
background-color: #5d4037 !important; background-color: #5d4037 !important;
box-shadow: 0 2px 4px rgba(62, 39, 35, 0.3) !important; box-shadow: 0 2px 4px rgba(62, 39, 35, 0.3) !important;
position: sticky !important; position: fixed !important;
top: 0 !important; top: 0 !important;
z-index: 1000 !important; left: 0 !important;
right: 0 !important;
z-index: 200 !important;
border-bottom: 2px solid #4e342e !important; border-bottom: 2px solid #4e342e !important;
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
/* Push mdbook chrome below the fixed navbar */
.sidebar {
top: 3.5rem !important;
}
.page-wrapper {
padding-top: 3.5rem !important;
}
.nav-container { .nav-container {
max-width: 1200px !important; max-width: 1200px !important;
margin: 0 auto !important; margin: 0 auto !important;