sergiotarxz/burguillos.info
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adding better integration with keyboard navigation for the search.

Browse Source
This commit is contained in:
Sergiotarxz 2023-09-04 17:37:57 +02:00
parent 8bd4379ef2
commit 4eeed20efc
4 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
js-src/index.js
View File

@ -47,6 +47,7 @@ function addListenersSearch() {
const searchOverlay = document.querySelector('div.search-overlay'); const searchOverlay = document.querySelector('div.search-overlay');
const searchInput = searchOverlay.querySelector('div.search input'); const searchInput = searchOverlay.querySelector('div.search input');
searchInput.value = fakeSearchInput.value; searchInput.value = fakeSearchInput.value;
onSearchChange(e)
} }
onFakeSearchClick(e) onFakeSearchClick(e)
}); });

2
public/js/bundle.js
View File

File diff suppressed because one or more lines are too long

2
templates/layouts/default.html.ep
View File

@ -35,7 +35,7 @@
<div class="search-overlay"> <div class="search-overlay">
<div class="bounding-search-bar"> <div class="bounding-search-bar">
%= include 'page/_search_bar' %= include 'page/_search_bar'
<a class="exit-search"> <a href="#" class="exit-search">
<img alt="Exit search" src="/img/exit.svg"/> <img alt="Exit search" src="/img/exit.svg"/>
</a> </a>
</div> </div>

2
templates/page/_search_bar.html.ep
View File

@ -1,4 +1,4 @@
<div tabindex="0" class="search"> <div class="search">
<div class="search-icon"> <div class="search-icon">
<img alt="" src="/img/search.svg"/> <img alt="" src="/img/search.svg"/>
</div> </div>