diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-04-24 12:45:05 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-04-24 12:45:05 +0800 |
commit | deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4 (patch) | |
tree | 34aa87dfaa933d830dd7f3a35ca5c1d0304c1aa1 /packages/website/ts | |
parent | 11f1ccf3ff92d5d1e32e0451ffd5069615e29867 (diff) | |
download | dexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.tar.gz dexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.tar.zst dexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.zip |
Add scrolling to relayer index
Diffstat (limited to 'packages/website/ts')
-rw-r--r-- | packages/website/ts/components/portal/portal.tsx | 8 | ||||
-rw-r--r-- | packages/website/ts/components/relayer_index/relayer_index.tsx | 2 |
2 files changed, 8 insertions, 2 deletions
diff --git a/packages/website/ts/components/portal/portal.tsx b/packages/website/ts/components/portal/portal.tsx index 8a9e89a72..6939d8905 100644 --- a/packages/website/ts/components/portal/portal.tsx +++ b/packages/website/ts/components/portal/portal.tsx @@ -62,6 +62,12 @@ const styles: Styles = { body: { 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> { @@ -165,7 +171,7 @@ export class Portal extends React.Component<PortalProps, PortalState> { onToggleLedgerDialog={this._onToggleLedgerDialog.bind(this)} /> </div> - <div className="flex-auto p3"> + <div className="flex-auto px3" style={styles.scrollContainer}> <RelayerIndex networkId={this.props.networkId} /> </div> </div> diff --git a/packages/website/ts/components/relayer_index/relayer_index.tsx b/packages/website/ts/components/relayer_index/relayer_index.tsx index 50760c32d..ba0db7c47 100644 --- a/packages/website/ts/components/relayer_index/relayer_index.tsx +++ b/packages/website/ts/components/relayer_index/relayer_index.tsx @@ -57,7 +57,7 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde const readyToRender = _.isUndefined(this.state.error) && !_.isUndefined(this.state.relayerInfos); if (readyToRender) { return ( - <div style={styles.root}> + <div className="py3" style={styles.root}> <GridList cellHeight={CELL_HEIGHT} cols={NUMBER_OF_COLUMNS} |