Style: Make the main header/navigation bar sticky
Co-authored-by: c6ristian <c6ristian@christian.moe>
This commit is contained in:
parent
690c7e2a90
commit
90c1595f7d
|
@ -232,6 +232,14 @@ body>main {
|
|||
}
|
||||
}
|
||||
|
||||
.main-header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: var(--background-color);
|
||||
border-bottom: 3px solid var(--muted-border-color);
|
||||
box-shadow: var(--card-box-shadow);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Blog Overview: Categories list
|
||||
|
@ -245,4 +253,4 @@ div.nav-aside {
|
|||
display: inline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,6 +1,8 @@
|
|||
|
||||
<div class="container header">
|
||||
<div class="main-header header">
|
||||
<div class="container">
|
||||
<nav class="menu">
|
||||
{{- partial "menu.html" (dict "menuID" "main" "page" . ) -}}
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue