From 90c1595f7d0b806facda1d2f1bdac140e2f549dc Mon Sep 17 00:00:00 2001
From: julian <julian@jsts.xyz>
Date: Thu, 26 Oct 2023 23:12:05 +0200
Subject: [PATCH] Style: Make the main header/navigation bar sticky

Co-authored-by: c6ristian <c6ristian@christian.moe>
---
 themes/ccchh/assets/sass/main.scss        | 10 +++++++++-
 themes/ccchh/layouts/partials/header.html |  4 +++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/themes/ccchh/assets/sass/main.scss b/themes/ccchh/assets/sass/main.scss
index d32207e..d7f74c1 100644
--- a/themes/ccchh/assets/sass/main.scss
+++ b/themes/ccchh/assets/sass/main.scss
@@ -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;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/themes/ccchh/layouts/partials/header.html b/themes/ccchh/layouts/partials/header.html
index 2711c51..a198698 100644
--- a/themes/ccchh/layouts/partials/header.html
+++ b/themes/ccchh/layouts/partials/header.html
@@ -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>