fix menu layout
This commit is contained in:
parent
276a06be9d
commit
107416cd7f
3 changed files with 35 additions and 14 deletions
|
@ -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;
|
||||||
|
}
|
||||||
|
|
|
@ -5,4 +5,5 @@
|
||||||
{{- end -}}
|
{{- end -}}
|
||||||
<span>{{ .Site.Title }}</span>
|
<span>{{ .Site.Title }}</span>
|
||||||
</a>
|
</a>
|
||||||
|
<hr>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
|
@ -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 -->
|
||||||
|
|
Loading…
Reference in a new issue