fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-10-06 09:58:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

avoid overflow on clip dialogue (#740)

Browse Source
This commit is contained in:
Colin Megill
2019-05-01 15:41:54 -04:00
committed by GitHub
parent 8a72010768
commit 86bf64e793
1 changed files with 83 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/graph/graph.js
+7 -14
View File
@@ -894,7 +894,6 @@ class Graph extends React.Component {
marginLeft: 10 marginLeft: 10
}} }}
> >
<Tooltip content="Visualization settings" position="left">
<Popover <Popover
target={ target={
<Button <Button
@@ -905,6 +904,7 @@ class Graph extends React.Component {
}} }}
/> />
} }
position={Position.BOTTOM_RIGHT}
onOpening={this.handleClipOpening} onOpening={this.handleClipOpening}
onClosing={this.handleClipClosing} onClosing={this.handleClipClosing}
content={ content={
@@ -929,9 +929,7 @@ class Graph extends React.Component {
> >
<NumericInput <NumericInput
style={{ width: 50 }} style={{ width: 50 }}
onValueChange={ onValueChange={this.handleClipPercentileMinValueChange}
this.handleClipPercentileMinValueChange
}
onKeyPress={this.handleClipOnKeyPress} onKeyPress={this.handleClipOnKeyPress}
value={clipMin} value={clipMin}
min={0} min={0}
@@ -948,15 +946,10 @@ class Graph extends React.Component {
</div> </div>
} }
/> />
<span style={{ marginRight: 5, marginLeft: 5 }}> <span style={{ marginRight: 5, marginLeft: 5 }}> - </span>
{" "}
-{" "}
</span>
<NumericInput <NumericInput
style={{ width: 50 }} style={{ width: 50 }}
onValueChange={ onValueChange={this.handleClipPercentileMaxValueChange}
this.handleClipPercentileMaxValueChange
}
onKeyPress={this.handleClipOnKeyPress} onKeyPress={this.handleClipOnKeyPress}
value={clipMax} value={clipMax}
min={0} min={0}
@@ -973,13 +966,14 @@ class Graph extends React.Component {
</div> </div>
} }
/> />
<span style={{ marginRight: 5, marginLeft: 5 }}> </span>
<Button <Button
type="button" type="button"
className="bp3-button" className="bp3-button"
disabled={this.isClipDisabled()} disabled={this.isClipDisabled()}
style={{ style={{
cursor: "pointer" cursor: "pointer",
marginRight: 5,
marginLeft: 5
}} }}
onClick={this.handleClipCommit} onClick={this.handleClipCommit}
> >
@@ -989,7 +983,6 @@ class Graph extends React.Component {
</div> </div>
} }
/> />
</Tooltip>
</div> </div>
<div style={{ marginLeft: 10 }} className="bp3-button-group"> <div style={{ marginLeft: 10 }} className="bp3-button-group">