[Summary view] [Print] [Text view]

   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" role="dialog" aria-modal="true" aria-label="<?php esc_attr_e( 'Search', 'twentytwenty' ); ?>">
  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">
  27                      <?php
  28                      /* translators: Hidden accessibility text. */
  29                      _e( 'Close search', 'twentytwenty' );
  30                      ?>
  31                  </span>
  32                  <?php twentytwenty_the_theme_svg( 'cross' ); ?>
  33              </button><!-- .search-toggle -->
  34  
  35          </div><!-- .section-inner -->
  36  
  37      </div><!-- .search-modal-inner -->
  38  
  39  </div><!-- .menu-modal -->