Switched search button from text to icon

This commit is contained in:
alistair3149 2019-12-16 14:10:44 -05:00
parent 0619214ada
commit 229c8540bb
2 changed files with 9 additions and 1 deletions

View file

@ -296,7 +296,8 @@ class CitizenTemplate extends BaseTemplate {
$html .= Html::hidden( 'title', $this->get( 'searchtitle' ) );
$html .= Html::label( $this->getMsg( 'search' )->text(), 'search-input', [ 'class' => 'screen-reader-text' ] );
$html .= $this->makeSearchInput( [ 'id' => 'search-input', 'type' => 'search' ] );
$html .= $this->makeSearchButton( 'go', [ 'id' => 'search-button' ] );
$html .= $this->makeSearchButton( 'image', [ 'id' => 'search-button', 'src' => $this->getSkin()->getSkinStylePath( 'resources/images/icons/search.svg') ] );
// $html .= $this->makeSearchButton( 'go', [ 'id' => 'search-button' ] );
$html .= Html::closeElement( 'form' );
return $html;

View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<title>
search
</title>
<path d="M7.5 13c3.04 0 5.5-2.46 5.5-5.5S10.54 2 7.5 2 2 4.46 2 7.5 4.46 13 7.5 13zm4.55.46C10.79 14.43 9.21 15 7.5 15 3.36 15 0 11.64 0 7.5S3.36 0 7.5 0C11.64 0 15 3.36 15 7.5c0 1.71-.57 3.29-1.54 4.55l6.49 6.49-1.41 1.41-6.49-6.49z"/>
</svg>

After

Width:  |  Height:  |  Size: 396 B