add color - fix addressbook checks

This commit is contained in:
Javier 2016-12-23 10:32:09 -03:00
parent 5a148658de
commit 8c18ef33b5
4 changed files with 59 additions and 17 deletions

View File

@ -14,9 +14,43 @@
padding: 0 10px;
font-size: 24px;
cursor: pointer;
line-height: 155px;
}
.qr-icon {
line-height: 45px;
.icon {
&.valid {
padding-top: 3px;
color: #13E5B6;
}
&.invalid {
padding-top: 3px;
color: #DF2121;
}
}
.add-address-input-group {
background-color: #fff;
.item-stacked-label {
padding: 1rem;
}
.input-label {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
}
.add-address-list {
.item {
color: $dark-gray;
padding-top: 1.3rem;
padding-bottom: 1.3rem;
&.item-divider {
color: $mid-gray;
padding-bottom: .5rem;
font-size: .9rem;
}
}
.item-note {
color: $light-gray;
}
}
}
#view-address-book {

View File

@ -8,8 +8,20 @@
padding: 0 10px;
font-size: 24px;
cursor: pointer;
}
.qr-icon {
line-height: 45px;
}
.item-stacked-label .icon {
padding: 0px;
margin: 0px;
}
.icon {
&.valid {
padding-top: 3px;
color: #13E5B6;
}
&.invalid {
padding-top: 3px;
color: #DF2121;
}
}
}

View File

@ -1,4 +1,4 @@
<ion-view id="add-address" hide-tabs>
<ion-view id="add-address" class="add-address" hide-tabs>
<ion-nav-bar class="bar-royal">
<ion-nav-title>
<span translate>Add Contact</span>
@ -16,8 +16,8 @@
<form name="addressbookForm" no-validate>
<div class="list">
<label class="item item-input item-stacked-label">
<div class="list add-address-list add-address-input-group">
<label class="item item-input item-stacked-label no-border">
<span class="input-label" translate>Name</span>
<input type="text"
id="name"
@ -37,10 +37,8 @@
<label class="item item-input item-stacked-label">
<span class="input-label" translate>Bitcoin Address</span>
<div class="input-notification">
<i class="icon ion-checkmark-circled balanced"
ng-show="!addressbookForm.address.$invalid"></i>
<i class="icon ion-close-circled assertive"
ng-show="addressbookForm.address.$invalid && addressbookEntry.address"></i>
<i ng-show="!addressbookForm.address.$invalid" class="icon ion-checkmark-circled valid"></i>
<i ng-show="addressbookForm.address.$invalid && addressbookEntry.address" class="icon ion-close-circled invalid"></i>
</div>
<input type="text"
id="address"

View File

@ -25,10 +25,8 @@
<label class="item item-input item-stacked-label no-border">
<span class="input-label" translate>Wallet Invitation</span>
<div class="input-notification">
<i class="icon ion-checkmark-circled balanced"
ng-show="!joinForm.secret.$invalid"></i>
<i class="icon ion-close-circled assertive"
ng-show="joinForm.secret.$invalid && secret"></i>
<i ng-show="!joinForm.secret.$invalid" class="icon ion-checkmark-circled valid"></i>
<i ng-show="joinForm.secret.$invalid && secret" class="icon ion-close-circled invalid"></i>
</div>
<input id="secret"
type="text"
@ -91,14 +89,14 @@
</div>
<div class="item item-input" ng-show="encrypt">
<input ng-show="join.seedSourceId == 'new'"
<input ng-show="join.seedSourceId == 'new'"
placeholder="{{'Password'|translate}}"
type="password"
autocapitalize="off"
name="createPassphrase"
ng-model="createPassphrase">
<input ng-show="join.seedSourceId == 'set'"
<input ng-show="join.seedSourceId == 'set'"
placeholder="{{'Password'|translate}}"
type="password"
autocapitalize="off"