improved sticky documentation navigation

This commit is contained in:
julien 2025-01-16 00:15:58 +01:00
parent 990432b014
commit ed190deaae
3 changed files with 23 additions and 21 deletions

File diff suppressed because one or more lines are too long

View File

@ -540,11 +540,6 @@ svg {
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
@media screen and (min-width: 1080px) and (max-resolution: 1x) {
position: sticky;
top: 0;
}
}
/* Responsive 1080px
@ -586,6 +581,11 @@ svg {
align-items: normal;
}
.sticky {
position: sticky;
top: 0;
}
}
/* Responsive 1200px

View File

@ -3,23 +3,25 @@
{% block content %}
<div class="doc col--1-4">
<div class="docnav">
<ul>
<li><a href="#infrastructure">Infrastructure</a></li>
<div class="sticky">
<ul>
<li><a href="#serveurs">Serveurs</a></li>
<li><a href="#reseau">Réseau</a></li>
<li><a href="#sauvegardes">Sauvegardes</a></li>
<li><a href="#infrastructure">Infrastructure</a></li>
<ul>
<li><a href="#serveurs">Serveurs</a></li>
<li><a href="#reseau">Réseau</a></li>
<li><a href="#sauvegardes">Sauvegardes</a></li>
</ul>
<li><a href="#services">Services</a></li>
<ul>
<li><a href="#mail">Mail</a></li>
</ul>
<li><a href="#maintenance">Maintenance</a></li>
<ul>
<li><a href="#apk">APK</a></li>
<li><a href="#nerdctl">Nerdctl</a></li>
</ul>
</ul>
<li><a href="#services">Services</a></li>
<ul>
<li><a href="#mail">Mail</a></li>
</ul>
<li><a href="#maintenance">Maintenance</a></li>
<ul>
<li><a href="#apk">APK</a></li>
<li><a href="#nerdctl">Nerdctl</a></li>
</ul>
</ul>
</div>
</div>
<div class="content">
<div class="anchor" id="{{ page.slug }}"></div>