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:
@ -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 %}
|
||||
|
@ -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>
|
||||
|
Reference in New Issue
Block a user