diff options
| author | Mark Otto <[email protected]> | 2020-04-01 14:35:25 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2020-04-13 13:55:34 -0700 |
| commit | bb3e5f712a3b1b79d85a6f15ad32bafcf6c77f66 (patch) | |
| tree | dba7e308ae289539b26ba09ada11b94ceb30311f /site/layouts/_default/docs.html | |
| parent | 6fdb8e6e6825f40f0b4c18fd226a64b2275ea706 (diff) | |
| download | bootstrap-bb3e5f712a3b1b79d85a6f15ad32bafcf6c77f66.tar.xz bootstrap-bb3e5f712a3b1b79d85a6f15ad32bafcf6c77f66.zip | |
Move table of contents to new sidebar, restyle it to be simpler
Diffstat (limited to 'site/layouts/_default/docs.html')
| -rw-r--r-- | site/layouts/_default/docs.html | 36 |
1 files changed, 23 insertions, 13 deletions
diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html index 383ff0f0c..c3eff6ec8 100644 --- a/site/layouts/_default/docs.html +++ b/site/layouts/_default/docs.html @@ -9,16 +9,18 @@ {{ partial "docs-navbar" . }} {{ partial "docs-subnav" . }} - <div class="container-xl my-4"> + <div class="container-xxl my-4"> <div class="row flex-xl-nowrap"> - <div class="col-md-3"> + <div class="col-md-3 col-xl-2 bd-sidebar"> {{ partial "docs-sidebar" . }} </div> - <main class="col-md-9 py-md-3 pl-md-5 bd-content"> - <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1> - <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p> - {{ partial "ads" . }} + <main class="col-md-9 col-xl-10 py-md-3 pl-md-5 bd-content"> + <div class="col-xl-10 px-0"> + <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1> + <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p> + {{ partial "ads" . }} + </div> {{ if .Page.Params.sections }} <div class="row my-5"> @@ -33,14 +35,22 @@ </div> {{ end }} - {{ if (eq .Page.Params.toc true) }} - <strong class="d-block h3 mt-5 mb-3">On this page</strong> - <nav class="bd-toc mb-5 text-muted" aria-label="Secondary navigation"> - {{ .TableOfContents }} - </nav> - {{ end }} + <div class="row position-relative flex-xl-row-reverse"> + <div class="col-xl-3"> + {{ if (eq .Page.Params.toc true) }} + <div class="bd-toc-wrap pl-xl-3 text-muted"> + <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong> + <div class="bd-toc mb-5 mb-xl-0"> + {{ .TableOfContents }} + </div> + </div> + {{ end }} + </div> + <div class="col-xl-9"> + {{ .Content }} + </div> + </div> - {{ .Content }} </main> </div> </div> |