Style: Make the main header/navigation bar sticky

Co-authored-by: c6ristian <c6ristian@christian.moe>
This commit is contained in:
June 2023-10-26 23:12:05 +02:00 committed by jtbx
parent 690c7e2a90
commit 90c1595f7d
2 changed files with 12 additions and 2 deletions

View file

@ -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 // Blog Overview: Categories list
@ -245,4 +253,4 @@ div.nav-aside {
display: inline; display: inline;
} }
} }
} }

View file

@ -1,6 +1,8 @@
<div class="container header"> <div class="main-header header">
<div class="container">
<nav class="menu"> <nav class="menu">
{{- partial "menu.html" (dict "menuID" "main" "page" . ) -}} {{- partial "menu.html" (dict "menuID" "main" "page" . ) -}}
</nav> </nav>
</div> </div>
</div>