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

Merge pull request #5294 from JDonadio/fix/validation-icon

Browse source 
fix icon position
This commit is contained in:
Gustavo Maximiliano Cortez 2016-12-27 10:22:11 -03:00 • committed by GitHub
commit d641e960bc
5 changed files with 59 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/sass/shame.scss
View file

@ -165,7 +165,7 @@ input[type=number] {
.input-notification {
float: right;
margin-right: 10px;
margin-right: 25px;
}
.pr {

38
src/sass/views/address-book.scss
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 {

16
src/sass/views/join.scss
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;
}
}
}

10
www/views/addressbook.add.html
View file

@ -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"

10
www/views/join.html
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"