aboutsummaryrefslogtreecommitdiffstats
path: root/packages
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-04-24 12:45:05 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-04-24 12:45:05 +0800
commitdeaa5f3211d75e81dd7e0820686a5f6a9b26f9d4 (patch)
tree34aa87dfaa933d830dd7f3a35ca5c1d0304c1aa1 /packages
parent11f1ccf3ff92d5d1e32e0451ffd5069615e29867 (diff)
downloaddexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.tar
dexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.tar.gz
dexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.tar.bz2
dexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.tar.lz
dexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.tar.xz
dexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.tar.zst
dexon-sol-tools-deaa5f3211d75e81dd7e0820686a5f6a9b26f9d4.zip
Add scrolling to relayer index
Diffstat (limited to 'packages')
-rw-r--r--packages/website/ts/components/portal/portal.tsx8
-rw-r--r--packages/website/ts/components/relayer_index/relayer_index.tsx2
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}