gitbot/hugo-book
1
0
Fork 1
mirror of https://github.com/alex-shpak/hugo-book.git synced 2025-07-16 19:51:22 +00:00
Code Issues Projects Releases Wiki Activity

Make .book-header sticky. Display headings below .book-header.

Browse Source
This commit is contained in:
Jeffrey N. 2024-12-31 00:54:46 -05:00
parent 7c78a39c53
commit bbd7f33640
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/_main.scss
View File

@ -298,9 +298,16 @@ body[dir="rtl"] .book-menu {
} }
@media screen and (max-width: $mobile-breakpoint) { @media screen and (max-width: $mobile-breakpoint) {
h1, h2, h3, h4, h5, h6 {
scroll-margin-top: 3rem;
}
#menu-control, #menu-control,
#toc-control { #toc-control {
display: inline; display: inline;
// prevents scrolling to top when inputs focused
position: fixed;
top: 0;
} }
.book-menu { .book-menu {
@ -314,7 +321,16 @@ body[dir="rtl"] .book-menu {
} }
.book-header { .book-header {
background: var(--body-background);
border-bottom: 2px solid var(--color-visited-link);
display: block; display: block;
max-height: 100vh;
overflow: auto;
padding: .35rem 0;
position: sticky;
top: -1px;
// prevent background from being transparent
z-index: 1;
} }
#menu-control:focus ~ main label[for="menu-control"] { #menu-control:focus ~ main label[for="menu-control"] {