Update: Separates signature result into separate tile. Adds copy icon
This commit is contained in:
Sam Cheng Hung
parent
31b7ad02fe
commit
52d0616105
4 changed files with 110 additions and 101 deletions
|
|
@ -45,3 +45,9 @@
|
|||
font-size: 0.7em !important;
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
.button {
|
||||
&.button-full {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
128
www/css/main.css
128
www/css/main.css
|
|
@ -10150,6 +10150,9 @@ ion-view.deflash-blue:before, ion-view#view-amount:before, ion-view#view-confirm
|
|||
font-size: 0.7em !important;
|
||||
display: inline !important; }
|
||||
|
||||
.button.button-full {
|
||||
display: block; }
|
||||
|
||||
.button-clear {
|
||||
background: none !important; }
|
||||
|
||||
|
|
@ -13661,101 +13664,28 @@ slide-to-accept-success {
|
|||
*/ }
|
||||
#txp-details .item-note,
|
||||
#view-confirm .item-note {
|
||||
float: none; }
|
||||
#txp-details .item-note .fee-rate,
|
||||
#view-confirm .item-note .fee-rate {
|
||||
display: inline-block; }
|
||||
#txp-details .list,
|
||||
#view-confirm .list {
|
||||
background: #f5f5f5; }
|
||||
#txp-details .add-bottom-for-cta,
|
||||
#view-confirm .add-bottom-for-cta {
|
||||
bottom: 92px; }
|
||||
#txp-details .head,
|
||||
#view-confirm .head {
|
||||
padding: 30px 20px 3rem;
|
||||
border-top: 0; }
|
||||
#txp-details .head .sending-label,
|
||||
#view-confirm .head .sending-label {
|
||||
display: flex;
|
||||
font-size: 18px;
|
||||
align-items: center;
|
||||
margin-bottom: 1.5rem; }
|
||||
#txp-details .head .sending-label img,
|
||||
#view-confirm .head .sending-label img {
|
||||
margin-right: 1rem;
|
||||
height: 35px;
|
||||
width: 35px; }
|
||||
#txp-details .head .amount-label,
|
||||
#view-confirm .head .amount-label {
|
||||
line-height: 30px; }
|
||||
#txp-details .head .amount-label .amount,
|
||||
#view-confirm .head .amount-label .amount {
|
||||
font-size: 38px;
|
||||
margin-bottom: .5rem; }
|
||||
#txp-details .head .amount-label .amount > .unit,
|
||||
#view-confirm .head .amount-label .amount > .unit {
|
||||
font-family: "Roboto-Light"; }
|
||||
#txp-details .head .amount-label .alternative,
|
||||
#view-confirm .head .amount-label .alternative {
|
||||
font-size: 16px;
|
||||
font-family: "Roboto-Light";
|
||||
color: #9B9B9B; }
|
||||
#txp-details .item,
|
||||
#view-confirm .item {
|
||||
border-color: #EFEFEF; }
|
||||
#txp-details .item-note,
|
||||
#view-confirm .item-note {
|
||||
word-break: keep-all; }
|
||||
#txp-details .info span,
|
||||
#view-confirm .info span {
|
||||
display: inline-block; }
|
||||
#txp-details .info .badge,
|
||||
#view-confirm .info .badge {
|
||||
border-radius: 0;
|
||||
padding: .5rem; }
|
||||
#txp-details .info .item,
|
||||
#view-confirm .info .item {
|
||||
color: #4A4A4A;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 20px; }
|
||||
#txp-details .info .item:not(.item-icon-right),
|
||||
#view-confirm .info .item:not(.item-icon-right) {
|
||||
padding-right: 20px; }
|
||||
#txp-details .info .item .label,
|
||||
#view-confirm .info .item .label {
|
||||
font-size: 14px;
|
||||
color: #6C6C6E;
|
||||
margin-bottom: 8px; }
|
||||
#txp-details .info .item.single-line,
|
||||
#view-confirm .info .item.single-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 17px;
|
||||
padding-bottom: 17px; }
|
||||
#txp-details .info .item.single-line .label,
|
||||
#view-confirm .info .item.single-line .label {
|
||||
margin: 0;
|
||||
flex-grow: 1; }
|
||||
#txp-details .info .item.low-fees,
|
||||
#view-confirm .info .item.low-fees {
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
color: #777;
|
||||
align-items: center; }
|
||||
#txp-details .info .item.low-fees i,
|
||||
#view-confirm .info .item.low-fees i {
|
||||
padding-right: 20px; }
|
||||
#txp-details .info .item.low-fees span,
|
||||
#view-confirm .info .item.low-fees span {
|
||||
display: inline; }
|
||||
#txp-details .info .toggle-unconfirmed,
|
||||
#view-confirm .info .toggle-unconfirmed {
|
||||
padding-bottom: 15px; }
|
||||
#txp-details .info .toggle-label,
|
||||
#view-confirm .info .toggle-label {
|
||||
margin-top: 5px;
|
||||
(??) word-break: keep-all; }
|
||||
(??)
|
||||
(??)#txp-details .info span,
|
||||
(??)#view-confirm .info span {
|
||||
(??) display: block; }
|
||||
(??)
|
||||
(??)#txp-details .info .badge,
|
||||
(??)#view-confirm .info .badge {
|
||||
(??) border-radius: 0;
|
||||
(??) padding: .5rem; }
|
||||
(??)
|
||||
(??)#txp-details .info .item,
|
||||
(??)#view-confirm .info .item {
|
||||
(??) color: #4A4A4A;
|
||||
(??) padding-top: 10px;
|
||||
(??) padding-bottom: 10px;
|
||||
(??) padding-left: 20px; }
|
||||
(??) #txp-details .info .item:not(.item-icon-right),
|
||||
(??) #view-confirm .info .item:not(.item-icon-right) {
|
||||
(??) padding-right: 20px; }
|
||||
(??) #txp-details .info .item .label,
|
||||
(??) #view-confirm .info .item .label {
|
||||
font-size: 14px;
|
||||
color: #6C6C6E; }
|
||||
#txp-details .info .item-divider,
|
||||
|
|
@ -13929,6 +13859,14 @@ slide-to-accept-success {
|
|||
#view-confirm .label.align-items-center {
|
||||
align-items: center; }
|
||||
|
||||
#txp-details .button-address,
|
||||
#view-confirm .button-address {
|
||||
margin-top: 10px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-size: 12px;
|
||||
color: #aaa; }
|
||||
|
||||
#tx-status .popup-txsent {
|
||||
font-size: 5rem;
|
||||
color: #4A90E2; }
|
||||
|
|
|
|||
60
www/img/icon-copy.svg
Normal file
60
www/img/icon-copy.svg
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
|
||||
<g id="Text-files">
|
||||
<path d="M53.9791489,9.1429005H50.010849c-0.0826988,0-0.1562004,0.0283995-0.2331009,0.0469999V5.0228
|
||||
C49.7777481,2.253,47.4731483,0,44.6398468,0h-34.422596C7.3839517,0,5.0793519,2.253,5.0793519,5.0228v46.8432999
|
||||
c0,2.7697983,2.3045998,5.0228004,5.1378999,5.0228004h6.0367002v2.2678986C16.253952,61.8274002,18.4702511,64,21.1954517,64
|
||||
h32.783699c2.7252007,0,4.9414978-2.1725998,4.9414978-4.8432007V13.9861002
|
||||
C58.9206467,11.3155003,56.7043495,9.1429005,53.9791489,9.1429005z M7.1110516,51.8661003V5.0228
|
||||
c0-1.6487999,1.3938999-2.9909999,3.1062002-2.9909999h34.422596c1.7123032,0,3.1062012,1.3422,3.1062012,2.9909999v46.8432999
|
||||
c0,1.6487999-1.393898,2.9911003-3.1062012,2.9911003h-34.422596C8.5049515,54.8572006,7.1110516,53.5149002,7.1110516,51.8661003z
|
||||
M56.8888474,59.1567993c0,1.550602-1.3055,2.8115005-2.9096985,2.8115005h-32.783699
|
||||
c-1.6042004,0-2.9097996-1.2608986-2.9097996-2.8115005v-2.2678986h26.3541946
|
||||
c2.8333015,0,5.1379013-2.2530022,5.1379013-5.0228004V11.1275997c0.0769005,0.0186005,0.1504021,0.0469999,0.2331009,0.0469999
|
||||
h3.9682999c1.6041985,0,2.9096985,1.2609005,2.9096985,2.8115005V59.1567993z"/>
|
||||
<path d="M38.6031494,13.2063999H16.253952c-0.5615005,0-1.0159006,0.4542999-1.0159006,1.0158005
|
||||
c0,0.5615997,0.4544001,1.0158997,1.0159006,1.0158997h22.3491974c0.5615005,0,1.0158997-0.4542999,1.0158997-1.0158997
|
||||
C39.6190491,13.6606998,39.16465,13.2063999,38.6031494,13.2063999z"/>
|
||||
<path d="M38.6031494,21.3334007H16.253952c-0.5615005,0-1.0159006,0.4542999-1.0159006,1.0157986
|
||||
c0,0.5615005,0.4544001,1.0159016,1.0159006,1.0159016h22.3491974c0.5615005,0,1.0158997-0.454401,1.0158997-1.0159016
|
||||
C39.6190491,21.7877007,39.16465,21.3334007,38.6031494,21.3334007z"/>
|
||||
<path d="M38.6031494,29.4603004H16.253952c-0.5615005,0-1.0159006,0.4543991-1.0159006,1.0158997
|
||||
s0.4544001,1.0158997,1.0159006,1.0158997h22.3491974c0.5615005,0,1.0158997-0.4543991,1.0158997-1.0158997
|
||||
S39.16465,29.4603004,38.6031494,29.4603004z"/>
|
||||
<path d="M28.4444485,37.5872993H16.253952c-0.5615005,0-1.0159006,0.4543991-1.0159006,1.0158997
|
||||
s0.4544001,1.0158997,1.0159006,1.0158997h12.1904964c0.5615025,0,1.0158005-0.4543991,1.0158005-1.0158997
|
||||
S29.0059509,37.5872993,28.4444485,37.5872993z"/>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
|
|
@ -32,18 +32,23 @@
|
|||
</div>
|
||||
<div class="item">
|
||||
<span class="item-heading">Message To Sign</span>
|
||||
<input type="text" placeholder="Message" ng-model="message.value"/>
|
||||
</div>
|
||||
<div class="item" copy-to-clipboard="signedMessage">
|
||||
<span class="item-heading">Signed Message</span>
|
||||
{{signedMessage}}
|
||||
<textarea type="text" placeholder="Message" ng-model="message.value"></textarea>
|
||||
</div>
|
||||
<div class="item">
|
||||
<button class="button" ng-click="signMessage()">
|
||||
<button class="button button-full button-primary" ng-click="signMessage()">
|
||||
Sign Message
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list card" ng-if="signedMessage.length">
|
||||
<div class="item item-heading item-icon-right">
|
||||
<span translate><strong>Signed Message</strong></span>
|
||||
<i class="icon ion-ios-copy-outline list-add-button" copy-to-clipboard="signedMessage"></i>
|
||||
</div>
|
||||
<div class="item" copy-to-clipboard="signedMessage">
|
||||
{{signedMessage}}
|
||||
</div>
|
||||
</div>
|
||||
</ion-content>
|
||||
<wallet-selector
|
||||
wallet-selector-title="walletSelectorTitle"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue