diff --git a/src/css/doc.css b/src/css/doc.css index 571314d3..cf84bfe1 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -16,6 +16,8 @@ letter-spacing: -0.025rem; line-height: var(--line-height-heading); margin-bottom: 0; + margin-left: -2.5rem; + padding-left: 2.5rem; } .doc h1 { @@ -23,6 +25,7 @@ font-weight: var(--weight-light); letter-spacing: 0; margin: 2.5rem 0 0; + margin-left: -2.5rem; } .page-heading-title { @@ -1091,7 +1094,7 @@ table.tableblock pre code.language-bash.hljs { .doc h2 { font-size: var(--heading-h2-sm); - margin: 1rem 0 1rem; + margin: 1rem 0 1rem -2.5rem; } .doc h3 { diff --git a/src/js/01-nav.js b/src/js/01-nav.js index 4d06ead8..57900cdb 100644 --- a/src/js/01-nav.js +++ b/src/js/01-nav.js @@ -14,7 +14,7 @@ }) find(/*'.nav-toggle',*/ '.in-toggle', navMenu.element).forEach(function (toggleBtn) { - console.log(toggleBtn, 17) + // console.log(toggleBtn, 17) var navItem = findAncestorWithClass('nav-item', toggleBtn, navMenu.element) toggleBtn.addEventListener('click', toggleActive.bind(navItem)) // var dataDepth = toggleBtn.getAttribute('data-depth') diff --git a/src/js/02-on-this-page.js b/src/js/02-on-this-page.js index c939a556..d00e119b 100644 --- a/src/js/02-on-this-page.js +++ b/src/js/02-on-this-page.js @@ -42,6 +42,7 @@ if (sidebar) { window.addEventListener('load', function () { onScroll() + hashScroll() window.addEventListener('scroll', onScroll) }) } @@ -92,4 +93,12 @@ function toArray (collection) { return [].slice.call(collection) } + + function hashScroll () { + // element which needs to be scrolled to + var hasValue = window.location.hash + var elementTillScroll = document.querySelector(hasValue) + // scroll to element + elementTillScroll.scrollIntoView({ behavior: 'smooth', block: 'start' }) + } })() diff --git a/src/js/05-tabset.js b/src/js/05-tabset.js index 50bdc20a..db5774e3 100644 --- a/src/js/05-tabset.js +++ b/src/js/05-tabset.js @@ -45,7 +45,7 @@ find('.doc .tabset').forEach(function (tabset) { var dropdownBtn = tab.parentNode.parentNode.querySelector('.dropdown-btn-down') var dropdownMenu = tab.parentNode.parentNode.querySelector('.tabs .other-tablist') dropdownBtn.addEventListener('click', function (e) { - console.log(e, 'enter') + // console.log(e, 'enter') e.preventDefault() if (dropdownMenu.style.display === 'block' || dropdownMenu.classList.contains('show')) { dropdownMenu.classList.remove('show')