mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-11 18:02:28 +03:00
Code Activity

Redesign docs to use offcanvas for sidebar

Browse Source
This commit is contained in:
Mark Otto
2022-02-22 20:05:34 -08:00
parent 08f8f4ee0a
commit d152f4f5a2
9 changed files with 50 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/layouts/_default/docs.html
+12 -3
View File
@@ -1,7 +1,16 @@
{{ define "main" }}
<div class="container-xxl my-md-4 bd-layout">
<div class="container-xxl mt-3 my-md-4 bd-layout">
<aside class="bd-sidebar">
{{ partial "docs-sidebar" . }}
<div class="offcanvas-lg offcanvas-start" id="bdSidebar" aria-labelledby="bdSidebarOffcanvasLabel">
<div class="offcanvas-header border-bottom">
<h5 class="offcanvas-title" id="bdSidebarOffcanvasLabel">Browse docs</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdSidebar"></button>
</div>
<div class="offcanvas-body">
{{ partial "docs-sidebar" . }}
</div>
</div>
</aside>
<main class="bd-main order-1">
@@ -17,7 +26,7 @@
</div>
{{ if (eq .Page.Params.toc true) }}
<div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted">
<div class="bd-toc mt-3 mb-5 my-lg-0 ps-xl-3 mb-lg-5 text-muted">
<button class="btn btn-link link-dark p-md-0 mb-2 mb-md-0 text-decoration-none bd-toc-toggle d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#tocContents" aria-expanded="false" aria-controls="tocContents">
On this page
<svg class="bi d-md-none ms-2" aria-hidden="true"><use xlink:href="#chevron-expand"></use></svg>