erik/kobalt-doc
erik/kobalt-doc
1
0
Fork 0
mirror of https://github.com/ethauvin/kobalt-doc.git synced 2025-04-24 19:47:11 -07:00
Code Releases Activity

Better TOC.

Browse source
This commit is contained in:
Cedric Beust 2015-12-01 19:50:37 -08:00
parent 0a6d74672c
commit e52dfcc1da
2 changed files with 33 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

14
css/kobalt.css
View file

@ -1,3 +1,17 @@
#table-of-contents {
border: solid 1px #cccccc;
border-radius: 10px;
}
.toc-item {
padding: 2px;
}
.toc-item a:hover {
background: #48D1CC;
display: block;
}
.bs-callout {
padding: 20px;
margin: 20px 0;

29
js/kobalt.js
View file

@ -71,6 +71,14 @@ function generateNavBar(index) {
// Table of contents
//
function indent(n) {
var result = "";
for (var i = 0; i < n; i++) {
result += "&nbsp;&nbsp;&nbsp;&nbsp;"
}
return result;
}
function generateToc() {
var sections = document.getElementsByClassName("section");
@ -87,16 +95,17 @@ function generateToc() {
ind = indentAttribute.textContent;
}
if (! ind) ind = 0;
if (ind > currentLevel) {
if (ind == 0) {
toc += '<ul class="nav">\n';
} else {
toc += '<ul>\n';
}
} else if (ind < currentLevel) {
toc += '</ul>\n';
}
toc += '<li><a href="#' + section.id + '">' + section.innerHTML + '</a></li>\n';
var content = indent(ind) + section.innerHTML;
//if (ind > currentLevel) {
// if (ind == 0) {
// toc += '<ul class="nav">\n';
// } else {
// toc += '<ul>\n';
// }
//} else if (ind < currentLevel) {
// toc += '</ul>\n';
//}
toc += '<div class="toc-item"><a href="#' + section.id + '">' + content + '</a></div>\n';
currentLevel = ind;
}
toc += "</ul>\n";