Sticky breadcrumb and sidebar navs (#1198)

close #1197
php · Jan 27, 2025 · f843f56 · f843f56
1 parent 2cf9118
commit f843f56
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/styles/theme-base.css b/styles/theme-base.css
@@ -532,6 +532,10 @@ pre.info {
     padding:.75rem 1.5rem 1.5rem;
     -moz-box-sizing:border-box;
     box-sizing:border-box;
+    position: sticky;
+    top: 3rem;
+    max-height: calc(100vh - 3rem);
+    overflow: auto;
 }
 #layout-content {
   padding:1.5rem;
@@ -1352,6 +1356,10 @@ div.soft-deprecation-notice blockquote.sidebar {
 @media (min-width: 768px) {
   #breadcrumbs {
     display:block;
+    position: sticky;
+    top: 0px;
+    background: var(--dark-grey-color);
+    z-index: 1;
   }
   #intro .background,
   aside.tips,
@@ -1361,8 +1369,8 @@ div.soft-deprecation-notice blockquote.sidebar {
   }
 
   #layout-content {
-    float:left;
-    width:75%;
+    float: left;
+    width: 75%;
   }
 }