fix(gui): fix inresaction of search panel with other elements #102

This commit is contained in:
Alexey Kasyanchuk
2019-10-24 18:33:09 +03:00
parent 40e7aaa2db
commit aafc245688
3 changed files with 4 additions and 2 deletions

View File

@ -29,7 +29,7 @@ export default class AdvancedSearchControl extends Component {
}
render() {
return (
<div className='column w100p' style={{maxWidth: 750, overflow: 'hidden', padding: '0px 18px 15px', background: 'white', borderRadius: 3}}>
<div className='column w100p' style={{position: 'absolute', top: '70px', zIndex: 3, boxShadow: '0 0 10px rgba(0,0,0,0.5)', maxWidth: 750, overflow: 'hidden', padding: '0px 18px 15px', background: 'white', borderRadius: 3}}>
<SelectField
floatingLabelText={__('Filter content type')}
value={this.state.type}

View File

@ -256,7 +256,7 @@ class Search extends Component {
};
return (
<div className="column w100p center">
<div className="column w100p center" style={{position: 'relative'}}>
<div className='row inline w100p pad0-75 search-row' style={{minWidth: '35em', backgroundColor: 'white', paddingTop: 0, paddingBottom: this.searchError ? 17 : 0, margin: 5, borderRadius: 3}}>
{
((this.searchTorrents && this.searchTorrents.length > 0) || (this.searchFiles && this.searchFiles.length > 0))