FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor sidebar logic + fix responsiveness

Browse source
This commit is contained in:
hossainemruz 2020-07-22 03:36:53 +06:00
parent 647578e88b
commit 8ec90ee255
53 changed files with 1712 additions and 671 deletions
Download patch file Download diff file Expand all files Collapse all files

23
static/assets/js/single.js
View file

@ -36,5 +36,28 @@ var isMobile = false, isTablet = false, isLaptop = false;
}
}
// =============== Make TOC Compatible wit Bootstrap Scroll Spy ========
// add "navbar" class to the "nav" element
let toc = document.getElementById("TableOfContents");
toc.classList.add("navbar");
// add "nav-pills" class to the "ul" elements
let elems = toc.getElementsByTagName("ul");
for (let i = 0; i < elems.length; i++) {
elems[i].classList.add("nav-pills");
}
// add "nav-item" class to the "li" elements
elems = toc.getElementsByTagName("li");
for (let i = 0; i < elems.length; i++) {
elems[i].classList.add("nav-item");
if (isMobile) {
elems[i].setAttribute("onclick", "toggleTOC()");
}
}
// add "nav-link" class to the "a" elements
elems = toc.getElementsByTagName("a");
for (let i = 0; i < elems.length; i++) {
elems[i].classList.add("nav-link");
}
});
})(jQuery);