feat: show chapter in Book mobile menu

Effectively replaces breadcrumbs on mobile and hides the dedicated Book search box.
This commit is contained in:
George Cushen 2021-01-09 19:09:33 +00:00
commit 6a8dd446ce
4 changed files with 19 additions and 8 deletions

View file

@ -1,10 +1,21 @@
<form class="docs-search d-flex align-items-center">
<button class="btn docs-toggle d-md-none p-0 mr-3" type="button" data-toggle="collapse" data-target="#docs-nav" aria-controls="docs-nav" aria-expanded="false" aria-label="Toggle section navigation">
<span><i class="fas fa-bars"></i></span>
<button class="btn docs-toggle d-md-none p-0 mr-md-3 w-100" type="button" data-toggle="collapse" data-target="#docs-nav" aria-controls="docs-nav" aria-expanded="false" aria-label="Toggle section navigation">
<div class="d-flex">
<span class="d-md-none pl-1 flex-grow-1 text-left overflow-hidden">
{{ if .Parent | and .Parent.IsHome }}
{{ .LinkTitle | emojify }}
{{ else if .Parent | and (not .Parent.IsHome) }}
{{ .Parent.LinkTitle | emojify }}
{{ else }}
{{ (i18n "home" | default "Home") | emojify }}
{{ end }}
</span>
<span><i class="fas fa-chevron-down"></i></span>
</div>
</button>
{{ if eq site.Params.search.engine 1 }}
<button class="form-control sidebar-search js-search">
<button class="form-control sidebar-search js-search d-none d-md-flex">
<i class="fas fa-search pr-2"></i>
<span class="sidebar-search-text">{{ i18n "search_placeholder" }}</span>
<span class="sidebar-search-shortcut">/</span>

View file

@ -1,9 +1,9 @@
{{ if not .IsHome }}
<nav aria-label="breadcrumb">
<nav class="d-none d-md-flex" aria-label="breadcrumb">
<ol class="breadcrumb">
{{ partial "breadcrumb_helper" . }}
<li class="breadcrumb-item active" aria-current="page">
{{ (.LinkTitle | default .Title) | emojify }}
{{ .LinkTitle | emojify }}
</li>
</ol>
</nav>

View file

@ -3,9 +3,9 @@
<li class="breadcrumb-item">
<a href="{{ .RelPermalink }}">
{{ if .IsHome }}
{{ i18n "home" | default "Home" }}
{{ (i18n "home" | default "Home") | emojify }}
{{ else }}
{{ (.LinkTitle | default .Title) | emojify }}
{{ .LinkTitle | emojify }}
{{ end }}
</a>
</li>

View file

@ -14,7 +14,7 @@
{{ end }}
<nav class="navbar navbar-expand-lg navbar-light compensate-for-scrollbar" id="navbar-main">
<div class="container">
<div class="container-xl">
{{if $show_logo}}
<div class="d-none d-lg-inline-flex">