aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-05-24 06:28:51 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-05-24 06:28:51 +0800
commit0801457ff02ac1ab16693be8bfb049fe3c284253 (patch)
tree875ad64e3ef3865b9be6cd91bbed36b8d7724e19
parent3fe94891d3569a4615f4aa32d47f0065b5957fe9 (diff)
downloaddexon-sol-tools-0801457ff02ac1ab16693be8bfb049fe3c284253.tar
dexon-sol-tools-0801457ff02ac1ab16693be8bfb049fe3c284253.tar.gz
dexon-sol-tools-0801457ff02ac1ab16693be8bfb049fe3c284253.tar.bz2
dexon-sol-tools-0801457ff02ac1ab16693be8bfb049fe3c284253.tar.lz
dexon-sol-tools-0801457ff02ac1ab16693be8bfb049fe3c284253.tar.xz
dexon-sol-tools-0801457ff02ac1ab16693be8bfb049fe3c284253.tar.zst
dexon-sol-tools-0801457ff02ac1ab16693be8bfb049fe3c284253.zip
Use visibility property instead of placeholder div in wrap ether item
-rw-r--r--packages/website/ts/components/wallet/wrap_ether_item.tsx11
1 files changed, 4 insertions, 7 deletions
diff --git a/packages/website/ts/components/wallet/wrap_ether_item.tsx b/packages/website/ts/components/wallet/wrap_ether_item.tsx
index 34b5b8824..1dfcffadf 100644
--- a/packages/website/ts/components/wallet/wrap_ether_item.tsx
+++ b/packages/website/ts/components/wallet/wrap_ether_item.tsx
@@ -75,9 +75,6 @@ const styles: Styles = {
conversionSpinner: {
paddingTop: 26,
},
- conversionSpinnerPlaceholder: {
- width: 61,
- },
};
export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEtherItemState> {
@@ -160,12 +157,12 @@ export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEther
});
}
private _renderIsEthConversionHappeningSpinner(): React.ReactElement<{}> {
- return this.state.isEthConversionHappening ? (
- <div className="pl3 pr2" style={styles.conversionSpinner}>
+ const visibility = this.state.isEthConversionHappening ? 'visible' : 'hidden';
+ const style: React.CSSProperties = { ...styles.conversionSpinner, visibility };
+ return (
+ <div className="pl3 pr2" style={style}>
<i className="zmdi zmdi-spinner zmdi-hc-spin" />
</div>
- ) : (
- <div style={styles.conversionSpinnerPlaceholder} />
);
}
private _renderWrapEtherConfirmationButton(): React.ReactElement<{}> {