Browse Source

Adding side nav to help

pull/24/head
Teknikode 8 years ago
parent
commit
aecda6269d
  1. 4
      help/main.php
  2. 75
      templates/default/css/jquery.tocify.css
  3. 6
      templates/default/header.php
  4. 3
      templates/default/js/help.js
  5. 4
      templates/default/js/jquery/jquery.tocify.min.js

4
help/main.php

@ -14,5 +14,9 @@ @@ -14,5 +14,9 @@
<dd>The current Server Hardware statistics that Teknik is running on.</dd>
</dl>
</div>
<div class="col-xs-2">
<div id="toc">
</div>
</div>
</div>
</div>

75
templates/default/css/jquery.tocify.css

@ -0,0 +1,75 @@ @@ -0,0 +1,75 @@
/*
* jquery.tocify.css 1.9.1
* Author: @gregfranko
*/
/* The Table of Contents container element */
.tocify {
width: 20%;
max-height: 90%;
overflow: auto;
margin-left: 2%;
position: fixed;
border: 1px solid #ccc;
webkit-border-radius: 6px;
moz-border-radius: 6px;
border-radius: 6px;
}
/* The Table of Contents is composed of multiple nested unordered lists. These styles remove the default styling of an unordered list because it is ugly. */
.tocify ul, .tocify li {
list-style: none;
margin: 0;
padding: 0;
border: none;
line-height: 30px;
}
/* Top level header elements */
.tocify-header {
text-indent: 10px;
}
/* Top level subheader elements. These are the first nested items underneath a header element. */
.tocify-subheader {
text-indent: 20px;
display: none;
}
/* Makes the font smaller for all subheader elements. */
.tocify-subheader li {
font-size: 12px;
}
/* Further indents second level subheader elements. */
.tocify-subheader .tocify-subheader {
text-indent: 30px;
}
/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */
.tocify-subheader .tocify-subheader .tocify-subheader {
text-indent: 40px;
}
/* Twitter Bootstrap Override Style */
.tocify .tocify-item > a, .tocify .nav-list .nav-header {
margin: 0px;
}
/* Twitter Bootstrap Override Styles */
.tocify .tocify-item a, .tocify .list-group-item {
padding: 5px;
}
.tocify .nav-pills > li {
float: none;
}
.tocify .list-group-item:hover, .tocify .list-group-item:focus {
background-color: #f5f5f5;
}
.tocify .list-group-item.active:hover, .tocify .list-group-item.active:focus {
background-color: #428bca;
}
/* End Twitter Bootstrap Override Styles */

6
templates/default/header.php

@ -61,6 +61,12 @@ @@ -61,6 +61,12 @@
}
array_push($jsFiles, 'git.js');
break;
case "help":
array_push($cssFiles, 'jquery.tocify.css');
array_push($jsFiles
'jquery/1.10.2/jquery-ui.widgets.js',
'jquery/jquery.tocify.min.js');
break;
case "pod":
case "podcast":
array_push($cssFiles, 'bootstrap-markdown.min.css', 'audioplayer.css');

3
templates/default/js/help.js

@ -0,0 +1,3 @@ @@ -0,0 +1,3 @@
$(function() {
var toc = $("#toc").tocify({ theme: "bootstrap3" });
});

4
templates/default/js/jquery/jquery.tocify.min.js vendored

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save