improved sticky documentation navigation
This commit is contained in:
parent
990432b014
commit
ed190deaae
File diff suppressed because one or more lines are too long
@ -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
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user