aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-28 07:23:37 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-29 02:50:08 +0800
commit1a11283086d0c95e10f40dfe3f826bc04889dbcb (patch)
treefda7deb292c68988fd15f2a78e84c786be8fc41f /packages/website/ts/components
parented559be47cb70a8a5de4f4eb766e1bfd67bf0141 (diff)
downloaddexon-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')
-rw-r--r--packages/website/ts/components/wallet/body_overlay.tsx1
-rw-r--r--packages/website/ts/components/wallet/wallet.tsx5
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 => {