fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-10-10 11:10:55 +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
}}
>
<Tooltip content="Visualization settings" position="left">
<Popover
target={
<Button
@@ -905,6 +904,7 @@ class Graph extends React.Component {
}}
/>
}
position={Position.BOTTOM_RIGHT}
onOpening={this.handleClipOpening}
onClosing={this.handleClipClosing}
content={
@@ -929,9 +929,7 @@ class Graph extends React.Component {
>
<NumericInput
style={{ width: 50 }}
onValueChange={
this.handleClipPercentileMinValueChange
}
onValueChange={this.handleClipPercentileMinValueChange}
onKeyPress={this.handleClipOnKeyPress}
value={clipMin}
min={0}
@@ -948,15 +946,10 @@ class Graph extends React.Component {
</div>
}
/>
<span style={{ marginRight: 5, marginLeft: 5 }}>
{" "}
-{" "}
</span>
<span style={{ marginRight: 5, marginLeft: 5 }}> - </span>
<NumericInput
style={{ width: 50 }}
onValueChange={
this.handleClipPercentileMaxValueChange
}
onValueChange={this.handleClipPercentileMaxValueChange}
onKeyPress={this.handleClipOnKeyPress}
value={clipMax}
min={0}
@@ -973,13 +966,14 @@ class Graph extends React.Component {
</div>
}
/>
<span style={{ marginRight: 5, marginLeft: 5 }}> </span>
<Button
type="button"
className="bp3-button"
disabled={this.isClipDisabled()}
style={{
cursor: "pointer"
cursor: "pointer",
marginRight: 5,
marginLeft: 5
}}
onClick={this.handleClipCommit}
>
@@ -989,7 +983,6 @@ class Graph extends React.Component {
</div>
}
/>
</Tooltip>
</div>
<div style={{ marginLeft: 10 }} className="bp3-button-group">