pt
/
superset
mirror of https://github.com/apache/superset.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[SQL Lab] Lock result set controls to be always visible (#9587)

This commit is contained in:
Erik Ritter 2020-04-21 12:09:33 -07:00 committed by GitHub
parent 0b999e3b91
commit dcbffed9bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 48 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
superset-frontend/src/SqlLab/components/ResultSet.jsx
View File

@ -143,48 +143,42 @@ export default class ResultSet extends React.PureComponent {
} }
return ( return (
<div className="ResultSetControls"> <div className="ResultSetControls">
<div className="clearfix"> <div className="ResultSetButtons">
<div className="pull-left"> {this.props.visualize && (
<ButtonGroup> <ExploreResultsButton
{this.props.visualize && ( query={this.props.query}
<ExploreResultsButton database={this.props.database}
query={this.props.query} actions={this.props.actions}
database={this.props.database} />
actions={this.props.actions} )}
/> {this.props.csv && (
)} <Button
{this.props.csv && ( bsSize="small"
<Button href={'/superset/csv/' + this.props.query.id}
bsSize="small" >
href={'/superset/csv/' + this.props.query.id} <i className="fa fa-file-text-o" /> {t('.CSV')}
> </Button>
<i className="fa fa-file-text-o" /> {t('.CSV')} )}
</Button>
)}
<CopyToClipboard <CopyToClipboard
text={prepareCopyToClipboardTabularData(data)} text={prepareCopyToClipboardTabularData(data)}
wrapped={false} wrapped={false}
copyNode={ copyNode={
<Button bsSize="small"> <Button bsSize="small">
<i className="fa fa-clipboard" /> {t('Clipboard')} <i className="fa fa-clipboard" /> {t('Clipboard')}
</Button> </Button>
} }
/> />
</ButtonGroup>
</div>
<div className="pull-right">
{this.props.search && (
<input
type="text"
onChange={this.changeSearch}
value={this.state.searchText}
className="form-control input-sm"
placeholder={t('Filter Results')}
/>
)}
</div>
</div> </div>
{this.props.search && (
<input
type="text"
onChange={this.changeSearch}
value={this.state.searchText}
className="form-control input-sm"
placeholder={t('Filter Results')}
/>
)}
</div> </div>
); );
} }

14
superset-frontend/src/SqlLab/main.less
View File

@ -359,7 +359,21 @@ div.tablePopover {
} }
.ResultSetControls { .ResultSetControls {
display: flex;
justify-content: space-between;
padding: 8px 0; padding: 8px 0;
position: fixed;
}
.ResultSetButtons {
display: grid;
grid-auto-flow: column;
grid-gap: 4px;
padding-right: 8px;
}
.filterable-table-container {
margin-top: 48px;
} }
.ace_editor { .ace_editor {