tweaks to scrollbar behaviour of depth and instrument watch

ettec · Oct 31, 2020 · 5a0e341 · 5a0e341
1 parent 6efc7d9
commit 5a0e341
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/react/opentp-client/src/components/InstrumentWatch/InstrumentListingWatch.tsx b/react/opentp-client/src/components/InstrumentWatch/InstrumentListingWatch.tsx
@@ -301,7 +301,6 @@ export default class InstrumentListingWatch extends Component<InstrumentListingW
             rowSelection={'multiple'}
             getRowNodeId={(data: ListingWatchView) => { return data?.listingId?.toString() }}
             onSelectionChanged={this.onSelectionChanged}
-            domLayout='autoHeight'
             rowDragManaged={true}
 
             frameworkComponents={{

diff --git a/react/opentp-client/src/components/Login/Login.tsx b/react/opentp-client/src/components/Login/Login.tsx
@@ -54,7 +54,7 @@ export default class Login extends React.Component<Props, State> {
         }
 
         if (this.serverUrl.endsWith("localhost:3000")) {
-            this.serverUrl = "http://127.0.0.1:31441" // for local dev, change this to point at your otp services cluster
+            this.serverUrl = "http://127.0.0.1:32173" // for local dev, change this to point at your otp services cluster
         }
 
         log.info("Connecting to services at:" + this.serverUrl)

diff --git a/react/opentp-client/src/components/MarketDepth/MarketDepth.tsx b/react/opentp-client/src/components/MarketDepth/MarketDepth.tsx
@@ -114,7 +114,8 @@ export default class MarketDepth extends Component<MarketDepthProps, MarketDepth
     this.openSellDialog = this.openSellDialog.bind(this);
     this.onGridReady = this.onGridReady.bind(this)
     this.onSelectionChanged = this.onSelectionChanged.bind(this)
-    this.depth = new MarketDepthView(10, this.listingService, () => {
+    let displayedDepth = 10
+    this.depth = new MarketDepthView(displayedDepth, this.listingService, () => {
       if (this.gridApi) {
         this.gridApi.refreshCells()
       }
@@ -239,7 +240,7 @@ export default class MarketDepth extends Component<MarketDepthProps, MarketDepth
     return (
       <div style={{ width: "100%", height: "100%", display: 'flex', flexDirection: 'column', alignItems: "centre" }}>
         <div className="bp3-dark" style={{ display: 'flex', flexDirection: 'row', paddingTop: 0, alignItems: "left" }}>
-          <div style={{ flexGrow: 1, flexDirection: 'row', display: 'flex' }}>
+          <div style={{ flexGrow: 1}}>
             <Button icon={this.state.locked ? "lock" : "unlock"} onClick={this.toggleLock}>{this.getListingLabel()}</Button>
             <span style={{ minWidth: 40 }}></span>
             <Button text="Buy" onClick={this.openBuyDialog} disabled={!this.state.selectedIdx}
@@ -264,7 +265,6 @@ export default class MarketDepth extends Component<MarketDepthProps, MarketDepth
             rowSelection={'single'}
             getRowNodeId={(data: DepthLine) => { return data?.idx }}
             onSelectionChanged={this.onSelectionChanged}
-            domLayout='autoHeight'
             suppressLoadingOverlay={true}
             rowDragManaged={true}
             defaultColDef={{