Merge pull request #68 from bcourtine/tg-sidebar

Add a button to toggle sidebar and view content in full width
This commit is contained in:
Tom Johnson
2017-04-10 22:15:34 -07:00
committed by GitHub
2 changed files with 16 additions and 3 deletions

View File

@ -12,6 +12,8 @@
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<!-- toggle sidebar button -->
<li><a id="tg-sb-link" href="#"><i id="tg-sb-icon" class="fa fa-toggle-on"></i> Nav</a></li>
<!-- entries without drop-downs appear here -->
{% for entry in site.data.topnav.topnav %}
{% for item in entry.items %}

View File

@ -38,6 +38,17 @@
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<script>
$(document).ready(function() {
$("#tg-sb-link").click(function() {
$("#tg-sb-sidebar").toggle();
$("#tg-sb-content").toggleClass('col-md-9');
$("#tg-sb-content").toggleClass('col-md-12');
$("#tg-sb-icon").toggleClass('fa-toggle-on');
$("#tg-sb-icon").toggleClass('fa-toggle-off');
});
});
</script>
{% if page.datatable == true %}
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.js"></script>
@ -61,11 +72,11 @@
<!-- Content Row -->
<div class="row">
<!-- Sidebar Column -->
<div class="col-md-3">
<div class="col-md-3" id="tg-sb-sidebar">
{% include sidebar.html %}
<!-- Content Column -->
<div class="col-md-9">
<div class="col-md-9" id="tg-sb-content">
{{content}}
</div>
<!-- /.row -->
@ -77,4 +88,4 @@
{% if site.google_analytics %}
{% include google_analytics.html %}
{% endif %}
</html>
</html>