crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add scrolling to relayer index

Browse Source
This commit is contained in:
Brandon Millman
2018-04-23 21:45:05 -07:00
parent 58794fc8e9
commit 14b29172b1
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/website/ts/components/portal/portal.tsx
View File

@@ -62,6 +62,12 @@ const styles: Styles = {
body: { body: {
height: `calc(100vh - ${TOP_BAR_HEIGHT}px)`, height: `calc(100vh - ${TOP_BAR_HEIGHT}px)`,
}, },
scrollContainer: {
overflowZ: 'hidden',
height: `calc(100vh - ${TOP_BAR_HEIGHT}px)`,
WebkitOverflowScrolling: 'touch',
overflow: 'auto',
},
}; };
export class Portal extends React.Component<PortalProps, PortalState> { export class Portal extends React.Component<PortalProps, PortalState> {
@@ -165,7 +171,7 @@ export class Portal extends React.Component<PortalProps, PortalState> {
onToggleLedgerDialog={this._onToggleLedgerDialog.bind(this)} onToggleLedgerDialog={this._onToggleLedgerDialog.bind(this)}
/> />
</div> </div>
<div className="flex-auto p3"> <div className="flex-auto px3" style={styles.scrollContainer}>
<RelayerIndex networkId={this.props.networkId} /> <RelayerIndex networkId={this.props.networkId} />
</div> </div>
</div> </div>

2
packages/website/ts/components/relayer_index/relayer_index.tsx
View File

@@ -57,7 +57,7 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde
const readyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.relayerInfos); const readyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.relayerInfos);
if (readyToRender) { if (readyToRender) {
return ( return (
<div style={styles.root}> <div className="py3" style={styles.root}>
<GridList <GridList
cellHeight={CELL_HEIGHT} cellHeight={CELL_HEIGHT}
cols={NUMBER_OF_COLUMNS} cols={NUMBER_OF_COLUMNS}