fix: Fix duplicate navbar appearing in mdbook output
This commit is contained in:
parent
d7d6b4de4e
commit
a59df711e0
2 changed files with 16 additions and 2 deletions
|
|
@ -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);
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue