netig/netig.net
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improved sticky documentation navigation

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/public/css/style.css
View File

File diff suppressed because one or more lines are too long

10
src/sass/css/style.scss
View File

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

32
src/templates/documentation.html
View File

@ -3,23 +3,25 @@
{% block content %} {% block content %}
<div class="doc col--1-4"> <div class="doc col--1-4">
<div class="docnav"> <div class="docnav">
<ul> <div class="sticky">
<li><a href="#infrastructure">Infrastructure</a></li>
<ul> <ul>
<li><a href="#serveurs">Serveurs</a></li> <li><a href="#infrastructure">Infrastructure</a></li>
<li><a href="#reseau">Réseau</a></li> <ul>
<li><a href="#sauvegardes">Sauvegardes</a></li> <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> </ul>
<li><a href="#services">Services</a></li> </div>
<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="content">
<div class="anchor" id="{{ page.slug }}"></div> <div class="anchor" id="{{ page.slug }}"></div>