mirrors/caddy-website
1
0
Fork 0
mirror of https://github.com/caddyserver/website.git synced 2025-04-20 12:15:08 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

add sticky sidebar

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
src/includes/docs/nav.html
View file

@ -1,5 +1,5 @@
<nav class="sidebar"> <nav class="sidebar">
<ul> <ul class="toc-list">
<li><a href="/docs/">Welcome</a></li> <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> <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/modules/">Modules</a></li>
<li><a href="/docs/json/">JSON Config Structure</a></li> <li><a href="/docs/json/">JSON Config Structure</a></li>
<li><a href="/docs/automatic-https">Automatic HTTPS</a></li> <li><a href="/docs/automatic-https">Automatic HTTPS</a></li>
<li class="heading">Articles</li> <li class="heading">Articles</li>
<li><a href="/docs/v2-upgrade">Upgrading to Caddy 2</a></li> <li><a href="/docs/v2-upgrade">Upgrading to Caddy 2</a></li>
<li><a href="/docs/conventions">Conventions</a></li> <li><a href="/docs/conventions">Conventions</a></li>

12
src/resources/css/docs.css
View file

@ -110,6 +110,14 @@ main > nav.sidebar {
font-size: 16px; 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, main nav li img,
article li img, article li img,
img.external-link { img.external-link {
@ -1030,14 +1038,14 @@ td code {
background-color: #000; background-color: #000;
color: #ccc; color: #ccc;
} }
.json .key a:not([href]) { .json .key a:not([href]) {
color: #bdd6f7 color: #bdd6f7
} }
#hovercard, #hovercard,
.arrow-box { .arrow-box {
background-color: #0a192b; background-color: #0a192b;
} }
.arrow-box:after { .arrow-box:after {