haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-03 07:55:36 +00:00
Code Issues Releases Wiki Activity

search type add enter icon (#6281)

Browse Source
This commit is contained in:
Michael An
2024-07-02 10:26:04 +08:00
committed by GitHub
parent 261fa44564
commit 14c2186bcb
10 changed files with 43 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/search/ai-search.js
View File

@@ -460,6 +460,7 @@ export default class AISearch extends Component {
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in all libraries')}</span>
<i className="sf3-font sf3-font-enter"></i>
</div>
</div>
{resultItems.length > 0 && (
@@ -493,16 +494,19 @@ export default class AISearch extends Component {
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in this library')}</span>
{highlightIndex === 0 && <i className="sf3-font sf3-font-enter"></i>}
</div>
<div className={`search-types-folder ${highlightIndex === 1 ? 'search-types-highlight' : ''}`} onClick={this.searchFolder} tabIndex={0}>
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in this folder')}</span>
{highlightIndex === 1 && <i className="sf3-font sf3-font-enter"></i>}
</div>
<div className={`search-types-repos ${highlightIndex === 2 ? 'search-types-highlight' : ''}`} onClick={this.searchAllRepos} tabIndex={0}>
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in all libraries')}</span>
{highlightIndex === 2 && <i className="sf3-font sf3-font-enter"></i>}
</div>
</div>
);
@@ -513,11 +517,13 @@ export default class AISearch extends Component {
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in this library')}</span>
{highlightIndex === 0 && <i className="sf3-font sf3-font-enter"></i>}
</div>
<div className={`search-types-repos ${highlightIndex === 1 ? 'search-types-highlight' : ''}`} onClick={this.searchAllRepos} tabIndex={0}>
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in all libraries')}</span>
{highlightIndex === 1 && <i className="sf3-font sf3-font-enter"></i>}
</div>
</div>
);

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

@@ -459,6 +459,7 @@ class Search extends Component {
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in all libraries')}</span>
<i className="sf3-font sf3-font-enter"></i>
</div>
</div>
{resultItems.length > 0 && (
@@ -492,16 +493,19 @@ class Search extends Component {
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in this library')}</span>
{highlightIndex === 0 && <i className="sf3-font sf3-font-enter"></i>}
</div>
<div className={`search-types-folder ${highlightIndex === 1 ? 'search-types-highlight' : ''}`} onClick={this.searchFolder} tabIndex={0}>
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in this folder')}</span>
{highlightIndex === 1 && <i className="sf3-font sf3-font-enter"></i>}
</div>
<div className={`search-types-repos ${highlightIndex === 2 ? 'search-types-highlight' : ''}`} onClick={this.searchAllRepos} tabIndex={0}>
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in all libraries')}</span>
{highlightIndex === 2 && <i className="sf3-font sf3-font-enter"></i>}
</div>
</div>
);
@@ -512,11 +516,13 @@ class Search extends Component {
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in this library')}</span>
{highlightIndex === 0 && <i className="sf3-font sf3-font-enter"></i>}
</div>
<div className={`search-types-repos ${highlightIndex === 1 ? 'search-types-highlight' : ''}`} onClick={this.searchAllRepos} tabIndex={0}>
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
{inputValue}
<span className="search-types-text">{gettext('in all libraries')}</span>
{highlightIndex === 1 && <i className="sf3-font sf3-font-enter"></i>}
</div>
</div>
);

6
frontend/src/css/search.css
View File

@@ -411,6 +411,12 @@
color: #666;
}
.search-types .sf3-font-enter {
position: absolute;
right: 6px;
color: #999999;
}
.library-result-container {
margin-bottom: 16px;
}