10h30/full-screen-morphing-search
1
0
Fork 0
mirror of https://github.com/10h30/full-screen-morphing-search.git synced 2026-07-11 10:36:02 +09:00
Code Issues Packages Projects Releases Wiki Activity

Optimized search input target

Browse Source
This commit is contained in:
LebCit
2020-12-04 23:01:51 +02:00
parent 111e9ca8cf
commit 35b02c6449
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/full-screen-morphing-search.js
+4 -4
View File
@@ -2,7 +2,7 @@
( function( $ ) {
// Target any search input containing any default [attribute=value] of get_search_form().
let $searchInput = $( 'form' ).find('input').filter( '[type=search], [class=search-field], [name=s], [id=s]' );
let $searchInput = $( 'form' ).find( 'input, button' ).filter( '[type=search], [class=search-field], [name=s], [id=s], [type=submit]' );
// Display the Full Screen search when The user focuses on a search field.
$searchInput.on( 'focus', function( event ) {
@@ -59,8 +59,8 @@
}
});
// Reset Morphing Search Input Value to Search...
$( 'input.search-field' ).val('');
// Clear Search Input Value
$( 'input' ).filter( '[name=s]' ).val('');
// Output default options' values !
if ( fsmsp_vars.fsmsp_options_does_not_exists ) {
@@ -106,7 +106,7 @@
} else {
$( '#morphsearch, div.morphsearch-content' ).css( 'background-color', fsmsp_vars.fsmsp_main_backgroung_color );
$( '#morphsearch, div.morphsearch-content' ).css( 'background-color', fsmsp_vars.fsmsp_main_background_color );
document.querySelectorAll( 'span.morphsearch-close' )[0].style.setProperty( "--morphsearch-close-background", fsmsp_vars.fsmsp_close_icon_color );