fix menu layout

This commit is contained in:
aethrvmn 2024-11-10 22:22:13 +01:00
parent 276a06be9d
commit 107416cd7f
3 changed files with 35 additions and 14 deletions

View file

@ -1,3 +1,20 @@
/* You can add custom styles here. */ /* You can add custom styles here. */
// @import "plugins/numbered"; // @import "plugins/numbered";
.book-menu-content nav {
display: flex;
flex-direction: column;
height: 99%;
}
.book-brand {
margin: 0;
}
.book-search {
margin: 0;
}
.book-menu-mid {
margin-top: -1rem;
flex-grow: 1;
}

View file

@ -5,4 +5,5 @@
{{- end -}} {{- end -}}
<span>{{ .Site.Title }}</span> <span>{{ .Site.Title }}</span>
</a> </a>
<hr>
</h2> </h2>

View file

@ -1,21 +1,24 @@
<nav> <nav>
{{ partial "docs/brand" . }} {{ partial "docs/brand" . }}
{{ partial "docs/search" . }} {{ partial "docs/search" . }}
<div class="book-menu-top">
{{ partial "docs/inject/menu-before" . }}
{{ partial "docs/menu-hugo" .Site.Menus.before }}
</div>
{{ partial "docs/inject/menu-before" . }} <div class="book-menu-mid">
{{ partial "docs/menu-hugo" .Site.Menus.before }} {{ if .Site.Params.BookMenuBundle }}
{{ partial "docs/menu-bundle" . }}
{{ else }}
{{ partial "docs/menu-filetree" . }}
{{ end }}
</div>
{{ if .Site.Params.BookMenuBundle }} <div class="book-menu-bot">
{{ partial "docs/menu-bundle" . }} {{ partial "docs/inject/menu-after" . }}
{{ else }} {{ partial "docs/menu-hugo" .Site.Menus.after }}
{{ partial "docs/menu-filetree" . }} </div>
{{ end }}
<div style="bottom:0; position:fixed;">
{{ partial "docs/menu-hugo" .Site.Menus.after }}
{{ partial "docs/inject/menu-after" . }}
</div>
</nav> </nav>
<!-- Restore menu position as soon as possible to avoid flickering --> <!-- Restore menu position as soon as possible to avoid flickering -->