boost/boostlook
2
0
Fork 0
mirror of https://github.com/boostorg/boostlook.git synced 2026-01-19 04:02:14 +00:00
Code Issues Projects Releases Wiki Activity

fix(css): ensure consistent toc behavior across breakpoints

Browse Source
This commit is contained in:
Julio Estrada
2025-03-04 18:13:34 -05:00
committed by Julio C. Estrada
parent ee40a557f9
commit db19639793
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
boostlook.css
View File

@@ -1078,12 +1078,6 @@ html:has(#docsiframe)::-webkit-scrollbar {
}
/* Responsive Design */
@media screen and (min-width: 1024px) {
html {
font-size: .83333rem;
}
}
@media screen and (min-width: 768px) {
.boostlook #toggle-toc {
visibility: visible;
@@ -1139,6 +1133,7 @@ html:has(#docsiframe)::-webkit-scrollbar {
/* Hidden TOC */
html.toc-hidden .boostlook {
margin-left: 0;
transition: margin-left 0.15s ease;
}
html.toc-hidden .boostlook #toggle-toc {
@@ -1153,6 +1148,7 @@ html:has(#docsiframe)::-webkit-scrollbar {
html.toc-visible .boostlook {
margin-left: 0;
transition: margin-left 0.15s ease;
}
html.toc-hidden .boostlook #toc.toc2 {
@@ -1178,6 +1174,18 @@ html:has(#docsiframe)::-webkit-scrollbar {
html.toc-visible.toc-pinned .boostlook {
margin-left: 17rem;
transition: margin-left 0.15s ease;
}
}
@media screen and (min-width: 1024px) {
html {
font-size: .83333rem;
}
html.toc-visible.toc-pinned .boostlook {
margin-left: 20rem;
transition: margin-left 0.15s ease;
}
}