archive/blender-cloud
0
1
Fork 1
Code Issues 24 Pull Requests Projects Releases Wiki Activity

Add ability to dismiss search bar by clicking outside search field

Browse Source
This commit is contained in:
Sam Lu
2018-08-06 11:23:09 -05:00
parent 97bf76f9ba
commit ab98261889
1 changed files with 3 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/scripts/layout.js
View File

@@ -1,7 +1,3 @@
/* Variables
================================================================== */
var searchToggleStatus = false
/* Selectors /* Selectors
================================================================== */ ================================================================== */
var searchButton = document.querySelector('#searchButton'), var searchButton = document.querySelector('#searchButton'),
@@ -15,6 +11,9 @@ var searchButton = document.querySelector('#searchButton'),
================================================================== */ ================================================================== */
searchButton.addEventListener('click', showSearch) searchButton.addEventListener('click', showSearch)
searchCloseButton.addEventListener('click', closeSearch) searchCloseButton.addEventListener('click', closeSearch)
searchNavInput.onblur = function() {
closeSearch()
}
/* Functions /* Functions
@@ -25,31 +24,10 @@ function showSearch() {
searchNavInput.focus() searchNavInput.focus()
navbarNav.classList.add('hidden') navbarNav.classList.add('hidden')
profileMenu.classList.add('visible') profileMenu.classList.add('visible')
// $('#search-overlay').addClass('visible')
// if (searchToggleStatus == true) {
// // $(document.body).click(function() {
// // console.log('detect click outside');
// // searchToggleStatus = false
// // })
// console.log(searchToggleStatus);
// console.log('detect click outside');
// searchToggleStatus = false
// console.log(searchToggleStatus);
// } else {
// console.log(searchToggleStatus);
// console.log('not detecting clicks');
// }
// $(document.body).click(function () {
// console.log('detected click outside');
// searchToggleStatus == false
// }) else {
// }
} }
function closeSearch() { function closeSearch() {
searchNav.classList.add('hidden') searchNav.classList.add('hidden')
navbarNav.classList.remove('hidden') navbarNav.classList.remove('hidden')
profileMenu.classList.remove('visible') profileMenu.classList.remove('visible')
// $('#search-overlay').removeClass('active')
} }