hugo-book
Code Issues

Improve mobile UX

Browse Source
This commit is contained in:
Alex Shpak
2018-09-24 17:03:23 +02:00
parent 8678e82154
commit b6d7a1050f
10 changed files with 197 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/docs/baseof.html
+28 -28
View File
@@ -7,39 +7,39 @@
</head>
<body>
<div class="pure-g">
<div class="pure-u book-nav">
<nav role="navigation">
{{ partial "docs/nav-brand" . }}
{{ partial "docs/inject/nav-before" . }}
{{ if .Site.Params.BookMenuBundle }}
{{ partial "docs/nav-bundle" . }}
{{ else }}
{{ partial "docs/nav-filetree" . }}
{{ end }}
{{ partial "docs/inject/nav-after" . }}
</nav>
</div>
<div class="pure-u book-content">
<div class="pure-g">
<div class="pure-u book-page markdown">
{{- .Content -}}
</div>
{{ $showToC := default (default true .Site.Params.BookShowToC) .Params.bookshowtoc }}
{{ if and ($showToC) (.Page.TableOfContents) }}
<div class="pure-u book-toc">
{{ partial "docs/toc" . }}
</div>
{{ end }}
<div class="header">
{{ partial "docs/header" . }}
</div>
<input type="checkbox" style="display: none" id="nav-control" />
<nav role="navigation" class="menu">
{{ partial "docs/inject/nav-before" . }}
{{ if .Site.Params.BookMenuBundle }}
{{ partial "docs/nav-bundle" . }}
{{ else }}
{{ partial "docs/nav-filetree" . }}
{{ end }}
{{ partial "docs/inject/nav-after" . }}
</nav>
<div>
<div class="pure-g content">
<div class="pure-u-1 pure-u-lg-2-3 page markdown">
{{- .Content -}}
</div>
{{ $showToC := default (default true .Site.Params.BookShowToC) .Params.bookshowtoc }}
{{ if and ($showToC) (.Page.TableOfContents) }}
<div class="pure-u-1 pure-u-lg-1-3 pure-hidden-md toc">
{{ partial "docs/toc" . }}
</div>
{{ end }}
</div>
</div>
{{ partial "docs/inject/body" . }}
</body>
</html>
layouts/partials/docs/header.html
+6
View File
@@ -0,0 +1,6 @@
<label for="nav-control">
<img src="/svg/menu.svg" />
</label>
<h3>
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
</h3>
layouts/partials/docs/html-head.html
+4 -2
View File
@@ -3,8 +3,10 @@
<title>{{- template "title" . }} | {{ .Site.Title -}}</title>
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,700" rel="stylesheet">
<link href="/css/pure-min.css" rel="stylesheet">
<!-- <link href="/css/grids-responsive-min.css" rel="stylesheet"> -->
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
{{ $styles := resources.Get "styles.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
<link rel="stylesheet" href="{{ $styles.Permalink }}">
layouts/partials/docs/nav-filetree.html
+1 -1
View File
@@ -8,7 +8,7 @@
{{ define "book-section" }} <!-- Single section of menu (recursive) -->
<ul>
{{ range .Section.Sections }}
<li>
<li {{- if .Params.bookrootsection}} class="root-section" {{ end }}>
{{- if .Content -}}
{{ template "book-page-link" (dict "Page" . "CurrentPage" $.CurrentPage) }}
{{- else -}}