haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-19 18:29:23 +00:00
Code Issues Releases Wiki Activity

[accessibility] improvements for 'search' on the top-right corner

Browse Source
This commit is contained in:
llj
2021-09-17 15:13:22 +08:00
parent c7f9d30d5d
commit a05c16793e
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/search/search.js
View File

@@ -280,10 +280,11 @@ class Search extends Component {
autoComplete="off" autoComplete="off"
/> />
{(this.state.isCloseShow && username) && {(this.state.isCloseShow && username) &&
<i className='search-icon-right input-icon-addon fas fa-external-link-alt search-icon-arrow' <a href={`${siteRoot}search/`} className="search-icon-right input-icon-addon fas fa-external-link-alt search-icon-arrow"></a>
onClick={this.onSearchPage}></i> }
{this.state.isCloseShow &&
<button type="button" className="search-icon-right input-icon-addon fas fa-times border-0 bg-transparent" onClick={this.onCloseHandler} aria-label={gettext('Close')}></button>
} }
{this.state.isCloseShow && <i className='search-icon-right input-icon-addon fas fa-times' onClick={this.onCloseHandler}></i>}
</div> </div>
<div className="search-result-container dropdown-search-result-container"> <div className="search-result-container dropdown-search-result-container">
{this.renderSearchResult()} {this.renderSearchResult()}
@@ -313,10 +314,11 @@ class Search extends Component {
autoComplete="off" autoComplete="off"
/> />
{(this.state.isCloseShow && username) && {(this.state.isCloseShow && username) &&
<i className='search-icon-right input-icon-addon fas fa-external-link-alt search-icon-arrow' <a href={`${siteRoot}search/`} className="search-icon-right input-icon-addon fas fa-external-link-alt search-icon-arrow"></a>
onClick={this.onSearchPage}></i> }
{this.state.isCloseShow &&
<button type="button" className="search-icon-right input-icon-addon fas fa-times border-0 bg-transparent" onClick={this.onCloseHandler} aria-label={gettext('Close')}></button>
} }
{this.state.isCloseShow && <i className='search-icon-right input-icon-addon fas fa-times' onClick={this.onCloseHandler}></i>}
</div> </div>
<div className="search-result-container dropdown-search-result-container"> <div className="search-result-container dropdown-search-result-container">
{this.renderSearchResult()} {this.renderSearchResult()}