silva
/
new_site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bugfix: Collapse the navbar on mobile when the user selects search (#2462) 

This PR addresses #2438 by programmatically collapsing the navbar if the
user clicks on search on mobile.

## Behavior before

![ToggleBehaviorBefore](https://github.com/alshedivat/al-folio/assets/16251412/562765b2-57eb-4a3d-bf41-eee4fcfddd5f)


## Behavior after

![ToggleBehaviorAfter](https://github.com/alshedivat/al-folio/assets/16251412/78bb917b-d7b3-4e58-bd76-f422b8ab7fd5)
This commit is contained in:
Andrew Leonard 2024-05-31 12:39:19 -04:00 committed by GitHub
parent 4a2984a400
commit 1ef1621bfc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
_includes/scripts/search.liquid
View File

@ -13,9 +13,9 @@
const openSearchModal = () => { const openSearchModal = () => {
// collapse navbarNav if expanded on mobile // collapse navbarNav if expanded on mobile
const navbarNav = document.querySelector('.navbar-collapse'); const $navbarNav = $('#navbarNav');
if (navbarNav.classList.contains('show')) { if ($navbarNav.hasClass('show')) {
navbarNav.classList.remove('show'); $navbarNav.collapse('hide');
} }
ninjaKeys.open(); ninjaKeys.open();
}; };