Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Wrap body builder in fancy scrollbars

pull/3598/head
Alex P 2018-06-07 11:57:25 -07:00
parent e2351e3b25
commit 75ba68e22e
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
ui/src/flux/components/BodyBuilder.tsx
View File

@ -1,6 +1,7 @@
import React, {PureComponent} from 'react' import React, {PureComponent} from 'react'
import _ from 'lodash' import _ from 'lodash'
import FancyScrollbar from 'src/shared/components/FancyScrollbar'
import ExpressionNode from 'src/flux/components/ExpressionNode' import ExpressionNode from 'src/flux/components/ExpressionNode'
import VariableName from 'src/flux/components/VariableName' import VariableName from 'src/flux/components/VariableName'
import FuncSelector from 'src/flux/components/FuncSelector' import FuncSelector from 'src/flux/components/FuncSelector'
@ -62,18 +63,20 @@ class BodyBuilder extends PureComponent<Props> {
}) })
return ( return (
<div className="body-builder"> <FancyScrollbar className="body-builder--container" autoHide={true}>
{_.flatten(bodybuilder)} <div className="body-builder">
<div className="declaration"> {_.flatten(bodybuilder)}
<FuncSelector <div className="declaration">
bodyID="fake-body-id" <FuncSelector
declarationID="fake-declaration-id" bodyID="fake-body-id"
onAddNode={this.createNewBody} declarationID="fake-declaration-id"
funcs={this.newDeclarationFuncs} onAddNode={this.createNewBody}
connectorVisible={false} funcs={this.newDeclarationFuncs}
/> connectorVisible={false}
/>
</div>
</div> </div>
</div> </FancyScrollbar>
) )
} }