fix: replace fixed position with sticky for header

razonyang · Apr 6, 2023 · 323687f · 323687f
1 parent f4a3291
commit 323687f
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 12 deletions.
diff --git a/assets/main/scss/_main.scss b/assets/main/scss/_main.scss
@@ -1,10 +1,5 @@
 main {
   margin-bottom: 2rem;
-  margin-top: if($fixedHeader, 92px, 28px);
-
-  @include media-breakpoint-down(sm) {
-    margin-top: if($fixedHeader, 76px, 18px);
-  }
 }
 
 .btn-scroll-to-top,

diff --git a/assets/main/scss/_reboot.scss b/assets/main/scss/_reboot.scss
@@ -19,11 +19,6 @@ html {
   }
 }
 
-html,
-body {
-  height: 100%;
-}
-
 a {
   color: inherit;
   text-decoration: none;

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -1,3 +1,3 @@
-<header>
+<header class="mb-4{{ if $.Site.Params.fixedHeader }} sticky-top{{ end }}">
   {{ partial "header/index" . }}
 </header>
diff --git a/layouts/partials/header/index.html b/layouts/partials/header/index.html
@@ -1,6 +1,6 @@
 {{- $baseURL := $.Site.BaseURL }}
 {{- $dropdownMenuToggle := default true $.Site.Params.topAppBar.dropdownMenuToggle }}
-<nav class="top-app-bar shadow navbar navbar-expand-xxl{{ if $.Site.Params.fixedHeader }} fixed-top{{ end }}">
+<nav class="top-app-bar shadow navbar navbar-expand-xxl">
   <div class="{{- partialCached "functions/container-class" . .FirstSection -}}">
     {{- if eq .Type "docs" }}
     <button class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDocsNav"