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"> <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"> <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">
<span><i class="fas fa-bars"></i></span> <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> </button>
{{ if eq site.Params.search.engine 1 }} {{ 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> <i class="fas fa-search pr-2"></i>
<span class="sidebar-search-text">{{ i18n "search_placeholder" }}</span> <span class="sidebar-search-text">{{ i18n "search_placeholder" }}</span>
<span class="sidebar-search-shortcut">/</span> <span class="sidebar-search-shortcut">/</span>

View file

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

View file

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

View file

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