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>

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 {