From adab0c27c64e10b2de14578128cdaabc0d2de6d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20Cora=C3=A7=C3=A3o?= <nunocoracao@gmail.com>
Date: Sat, 25 Feb 2023 18:45:55 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20New=20header=20menu=20with=20base?=
 =?UTF-8?q?=20background=20color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/_default/params.toml                     | 2 +-
 exampleSite/config/_default/params.toml         | 2 +-
 exampleSite/content/docs/configuration/index.md | 2 +-
 layouts/partials/header/fixed-fill.html         | 6 ++++++
 layouts/partials/header/fixed.html              | 2 +-
 5 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 layouts/partials/header/fixed-fill.html

diff --git a/config/_default/params.toml b/config/_default/params.toml
index 5b920ab5..f90e7fdb 100644
--- a/config/_default/params.toml
+++ b/config/_default/params.toml
@@ -24,7 +24,7 @@ disableImageOptimization = false
 # smartTOCHideUnfocusedChildren = true
 
 [header]
-  layout = "basic" # valid options: basic, fixed
+  layout = "basic" # valid options: basic, fixed, fixed-fill
 
 [footer]
   showMenu = true
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index 3b25e6c8..1fe7c009 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -24,7 +24,7 @@ smartTOC = true
 smartTOCHideUnfocusedChildren = true
 
 [header]
-  layout = "fixed" # valid options: basic, fixed
+  layout = "fixed-fill" # valid options: basic, fixed, fixed-fill
 
 [footer]
   showMenu = true
diff --git a/exampleSite/content/docs/configuration/index.md b/exampleSite/content/docs/configuration/index.md
index 167b5990..ad9e1e97 100644
--- a/exampleSite/content/docs/configuration/index.md
+++ b/exampleSite/content/docs/configuration/index.md
@@ -154,7 +154,7 @@ Many of the article defaults here can be overridden on a per article basis by sp
 
 | Name            | Default   | Description                                                                       |
 | --------------- | --------- | --------------------------------------------------------------------------------- |
-| `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic` and `fixed`. |
+| `header.layout` | `"basic"` | Defines the header for the entire site, supported values are `basic`, `fixed`, and `fixed-fill`. |
 ### Footer
 
 | Name                            | Default | Description                                                                                                                                                                                                               |
diff --git a/layouts/partials/header/fixed-fill.html b/layouts/partials/header/fixed-fill.html
new file mode 100644
index 00000000..4d73a1f4
--- /dev/null
+++ b/layouts/partials/header/fixed-fill.html
@@ -0,0 +1,6 @@
+<div class="min-h-[148px]"></div>
+<div class="fixed inset-x-0 pl-[24px] pr-[24px] bg-neutral dark:bg-neutral-800" style="z-index:100">
+  <div class="relative max-w-[64rem] ml-auto mr-auto">
+    {{ partial "partials/header/basic.html" . }}
+  </div>
+</div>
diff --git a/layouts/partials/header/fixed.html b/layouts/partials/header/fixed.html
index 609e3d80..8e3f64d5 100644
--- a/layouts/partials/header/fixed.html
+++ b/layouts/partials/header/fixed.html
@@ -1,5 +1,5 @@
 <div class="min-h-[148px]"></div>
-<div class="fixed inset-x-0 pl-[24px] pr-[24px] sbackdrop-blur-xl sshadown-2xl" style="z-index:100">
+<div class="fixed inset-x-0 pl-[24px] pr-[24px]" style="z-index:100">
   <div id="menu-blur" class="absolute opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl shadow-2xl"></div>
   <div class="relative max-w-[64rem] ml-auto mr-auto">
     {{ partial "partials/header/basic.html" . }}