made left sidebar sticky and higlight current chapter
This commit is contained in:
1 parent
bdfb8e74bb
commit
353202665c
2 files changed
+6
-4
No files matched your search
+3
-2
@@ -1033,8 +1033,9 @@ footer.footer-modern a:hover {
|
||||
.toc-sidebar {
|
||||
margin-top: var(--space-xl);
|
||||
position: sticky;
|
||||
top: var(--space-lg);
|
||||
max-height: calc(100vh - var(--space-xl));
|
||||
/* 56px = fixed navbar height; extra gap so the ToC doesn't hug it */
|
||||
top: calc(56px + var(--space-sm));
|
||||
max-height: calc(100vh - 56px - var(--space-md));
|
||||
overflow-y: auto;
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
@@ -106,8 +106,9 @@
|
||||
|
||||
<?php if ($hasHeadings): ?>
|
||||
|
||||
<!-- Left ToC Sidebar — visible on md+ only; hidden on mobile -->
|
||||
<div class="col-md-3 d-none d-md-block align-self-start">
|
||||
<!-- Left ToC Sidebar — visible on md+ only; hidden on mobile.
|
||||
No align-self-start so the column stretches to article height, enabling sticky. -->
|
||||
<div class="col-md-3 d-none d-md-block">
|
||||
<?php include(THEME_DIR_PHP.'toc.php'); ?>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in new issue
Block a user