modal-search.php (928B)
1 <?php 2 /** 3 * Displays the search icon and modal 4 * 5 * @package WordPress 6 * @subpackage Twenty_Twenty 7 * @since Twenty Twenty 1.0 8 */ 9 10 ?> 11 <div class="search-modal cover-modal header-footer-group" data-modal-target-string=".search-modal"> 12 13 <div class="search-modal-inner modal-inner"> 14 15 <div class="section-inner"> 16 17 <?php 18 get_search_form( 19 array( 20 'aria_label' => __( 'Search for:', 'twentytwenty' ), 21 ) 22 ); 23 ?> 24 25 <button class="toggle search-untoggle close-search-toggle fill-children-current-color" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field"> 26 <span class="screen-reader-text"><?php _e( 'Close search', 'twentytwenty' ); ?></span> 27 <?php twentytwenty_the_theme_svg( 'cross' ); ?> 28 </button><!-- .search-toggle --> 29 30 </div><!-- .section-inner --> 31 32 </div><!-- .search-modal-inner --> 33 34 </div><!-- .menu-modal -->