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 (
<div className="ResultSetControls">
<div className="clearfix">
<div className="pull-left">
<ButtonGroup>
{this.props.visualize && (
<ExploreResultsButton
query={this.props.query}
database={this.props.database}
actions={this.props.actions}
/>
)}
{this.props.csv && (
<Button
bsSize="small"
href={'/superset/csv/' + this.props.query.id}
>
<i className="fa fa-file-text-o" /> {t('.CSV')}
</Button>
)}
<div className="ResultSetButtons">
{this.props.visualize && (
<ExploreResultsButton
query={this.props.query}
database={this.props.database}
actions={this.props.actions}
/>
)}
{this.props.csv && (
<Button
bsSize="small"
href={'/superset/csv/' + this.props.query.id}
>
<i className="fa fa-file-text-o" /> {t('.CSV')}
</Button>
)}
<CopyToClipboard
text={prepareCopyToClipboardTabularData(data)}
wrapped={false}
copyNode={
<Button bsSize="small">
<i className="fa fa-clipboard" /> {t('Clipboard')}
</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>
<CopyToClipboard
text={prepareCopyToClipboardTabularData(data)}
wrapped={false}
copyNode={
<Button bsSize="small">
<i className="fa fa-clipboard" /> {t('Clipboard')}
</Button>
}
/>
</div>
{this.props.search && (
<input
type="text"
onChange={this.changeSearch}
value={this.state.searchText}
className="form-control input-sm"
placeholder={t('Filter Results')}
/>
)}
</div>
);
}

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

@ -359,7 +359,21 @@ div.tablePopover {
}
.ResultSetControls {
display: flex;
justify-content: space-between;
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 {