diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-05-24 06:28:51 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-05-24 06:28:51 +0800 |
| commit | 0801457ff02ac1ab16693be8bfb049fe3c284253 (patch) | |
| tree | 875ad64e3ef3865b9be6cd91bbed36b8d7724e19 /packages | |
| parent | 3fe94891d3569a4615f4aa32d47f0065b5957fe9 (diff) | |
| download | dexon-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
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/website/ts/components/wallet/wrap_ether_item.tsx | 11 |
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<{}> { |