style: made sidebars meaningfully sticky

rosenpass · Sep 16, 2024 · 565cf56 · 565cf56
1 parent 2c49b0e
commit 565cf56
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/layouts/blog/baseof.html b/layouts/blog/baseof.html
@@ -10,7 +10,7 @@
     <div class="container-fluid td-outer">
       <div class="td-main">
         <div class="row flex-xl-nowrap">
-          <aside class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none " id="sidebar-blog">
+          <aside class="col-12 col-md-3 col-xxl-2 td-sidebar d-print-none " id="sidebar-blog">
             {{ partial "sidebar-blog.html" . }}
           </aside>
           <main class="col-12 col-md-9 col-xxl-8 ps-md-5 pe-md-4" role="main">

diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html
@@ -10,7 +10,7 @@
     <div class="container-fluid td-outer">
       <div class="td-main">
         <div class="row flex-xl-nowrap">
-          <aside class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none " id="sidebar-docs">
+          <aside class="col-12 col-md-3 col-xxl-2 td-sidebar d-print-none " id="sidebar-docs">
             {{ partial "sidebar-docs.html" . }}
           </aside>
           <aside class="d-none d-xl-block col-xl-2 td-sidebar-toc d-print-none">

diff --git a/static/css/rosenpass.css b/static/css/rosenpass.css
@@ -777,9 +777,14 @@ aside#sidebar-docs #td-sidebar-menu{
 
 @media (min-width: 768px) {
 
-    #td-sidebar-menu {
-    margin-top: 2rem;
-    border-radius: 0 1rem 1rem 0;
+  #td-sidebar-menu {
+  margin-top: 2rem;
+  border-radius: 0 1rem 1rem 0;
+  height: 100%;
+  }
+  nav.foldable-nav#td-section-nav {
+    position: sticky;
+    top: 1rem;
   }
 
   #sidebar-docs {