status-im/MyCrypto
2
0
Fork 0
mirror of https://github.com/status-im/MyCrypto.git synced 2025-01-11 19:44:21 +00:00
Code Issues Projects Releases Wiki Activity

Various unlock / send style fixes (#331)

Browse Source 
* Fix table spacing.

* Fix modal button wrapping

* Fix hanging send transaction button.

* Space
This commit is contained in:
William O'Beirne 2017-10-30 14:29:27 -07:00 committed by Daniel Ternyak
parent 68e5972a03
commit ad084745c7
4 changed files with 115 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
common/components/WalletDecrypt/DeterministicWalletsModal.scss
View File

@ -23,6 +23,7 @@
&-table {
width: 100%;
text-align: center;
margin-bottom: 10px;
&-token {
width: 82px;
@ -32,6 +33,10 @@
font-size: 13px;
text-align: left;
font-family: $font-family-monospace;
input {
margin-right: 6px;
}
}
&-more {

23
common/containers/Tabs/SendTransaction/components/ConfirmationModal.scss
View File

@ -1,8 +1,15 @@
@import "common/sass/variables";
$summary-height: 54px;
$button-break: 'max-width: 620px';
.ConfModal {
min-width: 580px;
@media (#{$button-break}) {
min-width: 0;
}
&-summary {
display: flex;
margin-bottom: 30px;
@ -51,3 +58,19 @@ $summary-height: 54px;
}
}
// Modal overrides for extra long buttons
@media (#{$button-break}) {
.ConfModalWrap {
.Modal-footer-btn {
display: block;
float: none;
width: 100%;
margin: 0 0 5px;
&:last-child {
margin: 0;
}
}
}
}

5
common/containers/Tabs/SendTransaction/components/ConfirmationModal.tsx
View File

@ -101,6 +101,7 @@ class ConfirmationModal extends React.Component<Props, State> {
broadCastTxStatus && broadCastTxStatus.isBroadcasting;
return (
<div className="ConfModalWrap">
<Modal
title="Confirm Your Transaction"
buttons={buttons}
@ -149,7 +150,8 @@ class ConfirmationModal extends React.Component<Props, State> {
with a gas price of <strong>{gasPrice} gwei</strong>
</li>
<li className="ConfModal-details-detail">
You are interacting with the <strong>{node.network}</strong>{' '}
You are interacting with the{' '}
<strong>{node.network}</strong>{' '}
network provided by <strong>{node.service}</strong>
</li>
{!token && (
@ -179,6 +181,7 @@ class ConfirmationModal extends React.Component<Props, State> {
</div>
}
</Modal>
</div>
);
}

6
common/containers/Tabs/SendTransaction/index.tsx
View File

@ -382,15 +382,17 @@ export class SendTransaction extends React.Component<Props, State> {
</div>
{!offline && (
<div className="form-group">
<div className="row form-group">
<div className="col-xs-12">
<button
className="btn btn-primary btn-block col-sm-11"
className="btn btn-primary btn-block"
disabled={!this.state.transaction}
onClick={this.openTxModal}
>
{translate('SEND_trans')}
</button>
</div>
</div>
)}
</div>
)}