diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-28 07:23:37 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-29 02:50:08 +0800 |
| commit | 1a11283086d0c95e10f40dfe3f826bc04889dbcb (patch) | |
| tree | fda7deb292c68988fd15f2a78e84c786be8fc41f /packages/website/ts/components/wallet | |
| parent | ed559be47cb70a8a5de4f4eb766e1bfd67bf0141 (diff) | |
| download | dexon-sol-tools-1a11283086d0c95e10f40dfe3f826bc04889dbcb.tar dexon-sol-tools-1a11283086d0c95e10f40dfe3f826bc04889dbcb.tar.gz dexon-sol-tools-1a11283086d0c95e10f40dfe3f826bc04889dbcb.tar.bz2 dexon-sol-tools-1a11283086d0c95e10f40dfe3f826bc04889dbcb.tar.lz dexon-sol-tools-1a11283086d0c95e10f40dfe3f826bc04889dbcb.tar.xz dexon-sol-tools-1a11283086d0c95e10f40dfe3f826bc04889dbcb.tar.zst dexon-sol-tools-1a11283086d0c95e10f40dfe3f826bc04889dbcb.zip | |
Fix body overlay on mobile
Diffstat (limited to 'packages/website/ts/components/wallet')
| -rw-r--r-- | packages/website/ts/components/wallet/body_overlay.tsx | 1 | ||||
| -rw-r--r-- | packages/website/ts/components/wallet/wallet.tsx | 5 |
2 files changed, 3 insertions, 3 deletions
diff --git a/packages/website/ts/components/wallet/body_overlay.tsx b/packages/website/ts/components/wallet/body_overlay.tsx index 8f8899a92..38820c840 100644 --- a/packages/website/ts/components/wallet/body_overlay.tsx +++ b/packages/website/ts/components/wallet/body_overlay.tsx @@ -83,7 +83,6 @@ const PlainLockedOverlay: React.StatelessComponent<LockedOverlayProps> = ({ const LockedOverlay = styled(PlainLockedOverlay)` background: rgba(255, 248, 242, 0.8); border: 1px solid #f68c24; - box-sizing: border-box; border-radius: 10px; `; diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx index febb526d7..1c2ce19b0 100644 --- a/packages/website/ts/components/wallet/wallet.tsx +++ b/packages/website/ts/components/wallet/wallet.tsx @@ -123,6 +123,7 @@ const styles: Styles = { bodyInnerDiv: { overflow: 'auto', WebkitOverflowScrolling: 'touch', + position: 'relative', }, manageYourWalletText: { color: colors.mediumBlue, @@ -141,7 +142,7 @@ const USD_DECIMAL_PLACES = 2; const NO_ALLOWANCE_TOGGLE_SPACE_WIDTH = 56; const ACCOUNT_PATH = `${WebsitePaths.Portal}/account`; const PLACEHOLDER_COLOR = colors.grey300; -const LOADING_ROWS_COUNT = 5; +const LOADING_ROWS_COUNT = 6; const ActionButton = styled(FloatingActionButton)` button { @@ -190,7 +191,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> { } private _renderLoadingBodyRows(): React.ReactElement<{}> { const bodyStyle = this._getBodyStyle(); - const loadingRowsRange = _.range(LOADING_ROWS_COUNT + 1); + const loadingRowsRange = _.range(LOADING_ROWS_COUNT); return ( <div key={BODY_ITEM_KEY} className="flex flex-column" style={bodyStyle}> {_.map(loadingRowsRange, index => { |