feat(theme_basic): Navbar is sticky

atsphinx · Dec 28, 2024 · 1c32a6c · 1c32a6c
1 parent 9048f4b
commit 1c32a6c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 14 deletions.
diff --git a/src/atsphinx/bulma/themes/bulma_basic/layout.html b/src/atsphinx/bulma/themes/bulma_basic/layout.html
@@ -14,7 +14,7 @@
 {% endblock %}
 
 {%- block header %}
-<nav class="navbar" role="navigation" aria-label="main navigation">
+<nav class="navbar is-sticky" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">
     <a class="navbar-item" href="{{ pathto(root_doc)|e }}">
       {{ docstitle }}

diff --git a/src/atsphinx/bulma/themes/bulma_basic/static/style.css_t b/src/atsphinx/bulma/themes/bulma_basic/static/style.css_t
@@ -9,19 +9,12 @@ body {
   min-height: 100vh;
   flex-direction: column;
 }
-main {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  > .section {
-    display: grid;
-    {% if theme_sidebar_position == "left" -%}
-    grid-template-columns: 16em 1fr;
-    {%- endif %}
-    {% if theme_sidebar_position == "right" -%}
-    grid-template-columns: 1fr 16em;
-    {%- endif %}
-  }
+section[id] {
+  scroll-margin-top: var(--bulma-navbar-height);
+}
+.navbar.is-sticky {
+  position: sticky;
+  top: 0;
 }
 footer.footer, div.footer {
   margin-top: auto;