diff --git a/js/index.js b/js/index.js index f4bd340e95..fcdb02529b 100644 --- a/js/index.js +++ b/js/index.js @@ -1,7 +1,9 @@ import feedback from './feedback' import accordion from './accordion' +import searchNavbar from './search-navbar' import headingsAnchors from './headings-anchors' feedback() accordion() +searchNavbar() headingsAnchors() diff --git a/js/search-navbar/index.js b/js/search-navbar/index.js new file mode 100644 index 0000000000..ed9cfdaf06 --- /dev/null +++ b/js/search-navbar/index.js @@ -0,0 +1,18 @@ +const COMPONENT_SELECTOR = '[data-search-navbar]' +const TRIGGER_SELECTOR = '[data-ref*="search-navbar[trigger]"]' + +export default function () { + const component = document.querySelector(COMPONENT_SELECTOR) + + if (component) { + const triggers = document.querySelectorAll(TRIGGER_SELECTOR); + + for (let i = 0; i < triggers.length; i++) { + triggers[i].addEventListener('click', e => { + e.preventDefault() + + component.classList.toggle(component.dataset.activeClass) + }) + } + } +} diff --git a/src/_includes/navbar/logo.html b/src/_includes/navbar/logo.html index f2f69151d4..b0212907b6 100644 --- a/src/_includes/navbar/logo.html +++ b/src/_includes/navbar/logo.html @@ -1,6 +1,6 @@