[explore v2] add scrollbar to control panel container (#1284)

* add scroll bars to control panel container

* make query and save-btns block elements

* don't use react component, use custom styles

* move style to stylesheet
This commit is contained in:
Alanna Scott
2016-10-07 11:57:05 -07:00
committed by GitHub
parent 0a3121c243
commit 382b8e85da
5 changed files with 31 additions and 19 deletions

View File

@@ -7,23 +7,22 @@ const propTypes = {
};
export default function QueryAndSaveBtns({ canAdd, onQuery }) {
const saveClasses = classnames('btn btn-default btn-sm', {
const saveClasses = classnames('btn btn-default btn-block btn-sm', {
'disabled disabledButton': canAdd !== 'True',
});
return (
<div className="btn-group query-and-save">
<button type="button" className="btn btn-primary btn-sm" onClick={onQuery}>
<div className="btn-group btn-group-justified query-and-save">
<a className="btn btn-primary btn-block btn-sm" onClick={onQuery}>
<i className="fa fa-bolt"></i> Query
</button>
<button
type="button"
</a>
<a
className={saveClasses}
data-target="#save_modal"
data-toggle="modal"
>
<i className="fa fa-plus-circle"></i> Save as
</button>
</a>
</div>
);
}