haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-09 10:50:24 +00:00
Code Issues Releases Wiki Activity

change search mask z-index and tags (#6821)

Browse Source
This commit is contained in:
Michael An
2024-09-23 14:36:15 +08:00
committed by GitHub
parent 24b2709653
commit e01ea7eee1
5 changed files with 18 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/file-chooser/searcher/index.js
View File

@@ -8,6 +8,7 @@ import SearchedListView from '../searched-list-view';
import { gettext } from '../../../utils/constants';
import { seafileAPI } from '../../../utils/seafile-api';
import { Utils } from '../../../utils/utils';
import { SEARCH_CONTAINER } from '../../../constants/zIndexes';
import './index.css';
@@ -157,7 +158,7 @@ const Searcher = ({ searchStatus, onUpdateSearchStatus, onDirentItemClick, selec
};
return (
<div className='search-container file-chooser-searcher'>
<div className='search-container file-chooser-searcher' style={{ zIndex: SEARCH_CONTAINER }}>
<div className='search-input-container'>
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
<Input

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

@@ -11,6 +11,7 @@ import SearchResultLibrary from './search-result-library';
import { Utils } from '../../utils/utils';
import toaster from '../toast';
import Loading from '../loading';
import { SEARCH_MASK, SEARCH_CONTAINER } from '../../constants/zIndexes';
const propTypes = {
repoID: PropTypes.string,
@@ -722,8 +723,8 @@ class Search extends Component {
<Fragment>
<MediaQuery query="(min-width: 768px)">
<div className="search">
<div className={`search-mask ${isMaskShow ? 'show' : 'hide'}`} onClick={this.onCloseHandler}></div>
<div className={`search-container ${isMaskShow ? 'show' : ''}`}>
<div className={`search-mask ${isMaskShow ? 'show' : 'hide'}`} onClick={this.onCloseHandler} style={{ zIndex: SEARCH_MASK }}></div>
<div className={`search-container ${isMaskShow ? 'show' : ''}`} style={{ zIndex: SEARCH_CONTAINER }}>
<div className={`input-icon ${isMaskShow ? 'mb-1' : ''}`}>
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
<input
@@ -758,8 +759,8 @@ class Search extends Component {
</div>
{this.state.isSearchInputShow &&
<div className="search">
<div className={`search-mask ${isMaskShow ? '' : 'hide'}`} onClick={this.onCloseHandler}></div>
<div className="search-container">
<div className={`search-mask ${isMaskShow ? '' : 'hide'}`} onClick={this.onCloseHandler} style={{ zIndex: SEARCH_MASK }}></div>
<div className="search-container" style={{ zIndex: SEARCH_CONTAINER }}>
<div className="input-icon">
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
<input

9
frontend/src/components/search/wiki-search.js
View File

@@ -8,6 +8,7 @@ import More from '../more';
import { Utils } from '../../utils/utils';
import toaster from '../toast';
import { getValueLength } from './constant';
import { SEARCH_MASK, SEARCH_CONTAINER } from '../../constants/zIndexes';
const propTypes = {
repoID: PropTypes.string,
@@ -225,8 +226,8 @@ class Search extends Component {
<Fragment>
<MediaQuery query="(min-width: 768px)">
<div className="search">
<div className={`search-mask ${this.state.isMaskShow ? '' : 'hide'}`} onClick={this.onCloseHandler}></div>
<div className="search-container">
<div className={`search-mask ${this.state.isMaskShow ? '' : 'hide'}`} onClick={this.onCloseHandler} style={{ zIndex: SEARCH_MASK }}></div>
<div className="search-container" style={{ zIndex: SEARCH_CONTAINER }}>
<div className="input-icon">
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
<input
@@ -254,8 +255,8 @@ class Search extends Component {
</div>
{this.state.isSearchInputShow &&
<div className="search">
<div className={`search-mask ${this.state.isMaskShow ? '' : 'hide'}`} onClick={this.onCloseHandler}></div>
<div className="search-container">
<div className={`search-mask ${this.state.isMaskShow ? '' : 'hide'}`} onClick={this.onCloseHandler} style={{ zIndex: SEARCH_MASK }}></div>
<div className="search-container" style={{ zIndex: SEARCH_CONTAINER }}>
<div className="input-icon">
<i className="search-icon-left input-icon-addon sf3-font sf3-font-search"></i>
<input