CCCHH/ccchh-website
CCCHH/ccchh-website
2
2
Fork 0
Code Issues 3 Pull requests 2 Actions Activity

Style: Make the main header/navigation bar sticky

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
themes/ccchh/assets/sass/main.scss
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;
} }
} }
} }

4
themes/ccchh/layouts/partials/header.html
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>