add sticky sidebar

This commit is contained in:
Amagi:DDmxh 2023-08-11 00:21:47 +08:00
parent 70d8ddacf1
commit 235e815108
2 changed files with 12 additions and 4 deletions

View file

@ -1,5 +1,5 @@
<nav class="sidebar">
<ul>
<ul class="toc-list">
<li><a href="/docs/">Welcome</a></li>
<li><a href="https://caddy.community/c/wiki/13">Wiki <img src="/resources/images/external-link.svg"></a></li>
@ -38,7 +38,7 @@
<li><a href="/docs/modules/">Modules</a></li>
<li><a href="/docs/json/">JSON Config Structure</a></li>
<li><a href="/docs/automatic-https">Automatic HTTPS</a></li>
<li class="heading">Articles</li>
<li><a href="/docs/v2-upgrade">Upgrading to Caddy 2</a></li>
<li><a href="/docs/conventions">Conventions</a></li>

View file

@ -110,6 +110,14 @@ main > nav.sidebar {
font-size: 16px;
}
main > nav.sidebar > .toc-list {
position: sticky;
max-height: calc(100vh - env(safe-area-inset-bottom));
top: 0;
padding-top: 24px;
overflow-y: auto;
}
main nav li img,
article li img,
img.external-link {
@ -1030,14 +1038,14 @@ td code {
background-color: #000;
color: #ccc;
}
.json .key a:not([href]) {
color: #bdd6f7
}
#hovercard,
.arrow-box {
background-color: #0a192b;
background-color: #0a192b;
}
.arrow-box:after {