Added responsive sidebar

This commit is contained in:
Zachary Klosko 2020-06-21 11:32:11 -04:00
parent 35354466b4
commit be47be8f41
4 changed files with 28 additions and 5 deletions

View file

@ -23,27 +23,43 @@
<div class="container">
<div class="row bg-dark text-white">
<div class="col-9">
<div class="col">
<br>
<a href="guides"><svg class="bi bi-arrow-left-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.646 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L6.207 7.5H11a.5.5 0 0 1 0 1H6.207l2.147 2.146z"/>
</svg> Back to Docs
</svg> Back
</a>
<br>
<p></p>
</div>
<div class="col">
<div class="col white-text center text-footer">
<h5 class="allcaps">{{ page.title }}</h5>
</div>
<div class="col white-text center text-footer">
{% if page.git %}
<a href="https://github.com/LibreTime/libretime/edit/master/docs/{{page.git}}" target="_blank">
<i class="far fa-edit"></i> Edit on Github
</a>
{% endif %}
</div>
</div>
</div>
<div class="container">
<div class="row no-gutters">
<div class="col-9">
<div class="d-block d-sm-none d-sm-block d-md-block d-lg-none">
<hr class="my-4">
<div class="text-footer">
<h5 class="allcaps">Contents</h5>
</div>
<div class="toc" >{% include toc.html html=content class=toc %}</div>
<hr class="my-4">
</div>
<nav class="content">
{{ content }}
</nav>
</div>
<div class="col">
<div class="col d-none d-sm-none d-md-none d-lg-block">
<hr class="my-4">
<div class="text-footer">
<h5 class="allcaps">Contents</h5>