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

2
src/templates/documentation.html
View File

@ -3,6 +3,7 @@
{% block content %} {% block content %}
<div class="doc col--1-4"> <div class="doc col--1-4">
<div class="docnav"> <div class="docnav">
<div class="sticky">
<ul> <ul>
<li><a href="#infrastructure">Infrastructure</a></li> <li><a href="#infrastructure">Infrastructure</a></li>
<ul> <ul>
@ -21,6 +22,7 @@
</ul> </ul>
</ul> </ul>
</div> </div>
</div>
<div class="content"> <div class="content">
<div class="anchor" id="{{ page.slug }}"></div> <div class="anchor" id="{{ page.slug }}"></div>
<h2>{{ page.title }}</h2> <h2>{{ page.title }}</h2>