mirror of
https://github.com/Ellpeck/TinyLifeWeb.git
synced 2024-11-14 07:59:10 +01:00
15 lines
740 B
HTML
15 lines
740 B
HTML
<div class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" type="button" data-toggle="dropdown">🧭 Navigation</a>
|
|
<div class="dropdown-menu">
|
|
<div id="navigator-content" style="height: auto; max-height: 50vh; overflow-y: scroll;"></div>
|
|
<script>
|
|
$(() => $("{{ include.headers }}").each((i, h) => {
|
|
let offset = `${0.5 + Number(h.nodeName.substring(1)) - 1}rem`;
|
|
$("#navigator-content").append(`
|
|
<a class="nav-item nav-link dropdown-item-text" href="#${h.id}" style="padding-left: ${offset}; white-space: nowrap;">
|
|
${h.innerText.trim()}
|
|
</a>`);
|
|
}));
|
|
</script>
|
|
</div>
|
|
</div>
|