anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Update: Styles signature page

Browse source
This commit is contained in:
Sam Cheng Hung 2018-03-24 10:30:30 +09:00
commit 4174623651
3 changed files with 107 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/sass/forms.scss
View file

@ -6,3 +6,10 @@
padding-top: 15px !important; padding-top: 15px !important;
font-size: 24px !important; font-size: 24px !important;
} }
textarea {
&.d-block {
display: block;
width: 100%;
}
}

129
www/css/main.css
View file

@ -10160,6 +10160,10 @@ ion-view.deflash-blue:before, ion-view#view-amount:before, ion-view#view-confirm
padding-top: 15px !important; padding-top: 15px !important;
font-size: 24px !important; } font-size: 24px !important; }
textarea.d-block {
display: block;
width: 100%; }
.center-block { .center-block {
float: none; float: none;
margin: 0 auto; } margin: 0 auto; }
@ -13664,28 +13668,101 @@ slide-to-accept-success {
*/ } */ }
#txp-details .item-note, #txp-details .item-note,
#view-confirm .item-note { #view-confirm .item-note {
(??) word-break: keep-all; } float: none; }
(??) #txp-details .item-note .fee-rate,
(??)#txp-details .info span, #view-confirm .item-note .fee-rate {
(??)#view-confirm .info span { display: inline-block; }
(??) display: block; } #txp-details .list,
(??) #view-confirm .list {
(??)#txp-details .info .badge, background: #f5f5f5; }
(??)#view-confirm .info .badge { #txp-details .add-bottom-for-cta,
(??) border-radius: 0; #view-confirm .add-bottom-for-cta {
(??) padding: .5rem; } bottom: 92px; }
(??) #txp-details .head,
(??)#txp-details .info .item, #view-confirm .head {
(??)#view-confirm .info .item { padding: 30px 20px 3rem;
(??) color: #4A4A4A; border-top: 0; }
(??) padding-top: 10px; #txp-details .head .sending-label,
(??) padding-bottom: 10px; #view-confirm .head .sending-label {
(??) padding-left: 20px; } display: flex;
(??) #txp-details .info .item:not(.item-icon-right), font-size: 18px;
(??) #view-confirm .info .item:not(.item-icon-right) { align-items: center;
(??) padding-right: 20px; } margin-bottom: 1.5rem; }
(??) #txp-details .info .item .label, #txp-details .head .sending-label img,
(??) #view-confirm .info .item .label { #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;
font-size: 14px; font-size: 14px;
color: #6C6C6E; } color: #6C6C6E; }
#txp-details .info .item-divider, #txp-details .info .item-divider,
@ -13859,14 +13936,6 @@ slide-to-accept-success {
#view-confirm .label.align-items-center { #view-confirm .label.align-items-center {
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 { #tx-status .popup-txsent {
font-size: 5rem; font-size: 5rem;
color: #4A90E2; } color: #4A90E2; }

2
www/views/signMessage.html
View file

@ -32,7 +32,7 @@
</div> </div>
<div class="item"> <div class="item">
<span class="item-heading">Message To Sign</span> <span class="item-heading">Message To Sign</span>
<textarea type="text" placeholder="Message" ng-model="message.value"></textarea> <textarea elastic class="d-block" placeholder="Message" ng-model="message.value"></textarea>
</div> </div>
<div class="item"> <div class="item">
<button class="button button-full button-primary" ng-click="signMessage()"> <button class="button button-full button-primary" ng-click="signMessage()">