fix input notification

This commit is contained in:
bechi 2014-12-09 14:44:53 -03:00
parent e89ee19507
commit 3912e5b265
2 changed files with 11 additions and 14 deletions

View File

@ -1386,9 +1386,10 @@ a:hover .photo-container {
} }
.icon-input .fi-check { .icon-input .fi-check {
padding: .1rem .3rem; padding: .2rem .3rem;
background-color: #1ABC9C; background-color: #1ABC9C;
border-radius: 100%; border-radius: 100%;
display: block;
} }
.icon-input .fi-x { .icon-input .fi-x {
@ -1690,7 +1691,7 @@ a.text-warning:hover {color: #FD7262;}
margin-right: 14px; margin-right: 14px;
border: none; border: none;
box-shadow: none; box-shadow: none;
top: 2px; top: 0;
} }
.createProfile .input, .createProfile .input,

View File

@ -131,17 +131,15 @@
<div class="input" ng-if="useEmail"> <div class="input" ng-if="useEmail">
<input type="email" ng-model="email" class="form-control fi-email" name="email" placeholder="Email" required auto-focus="!isMobile"> <input type="email" ng-model="email" class="form-control fi-email" name="email" placeholder="Email" required auto-focus="!isMobile">
<i class="icon-email"></i> <i class="icon-email"></i>
<div class="icon-input m5b text-right" ng-if="useEmail"> <div class="icon-input" ng-if="useEmail">
<span translate class="has-error size-12" ng-show="emailForm.email.$invalid && <span translate class="has-error size-12" ng-show="emailForm.email.$invalid &&
!emailForm.email.$pristine"> !emailForm.email.$pristine">
<div class="">
<i class="fi-x"></i> <i class="fi-x"></i>
Not valid Not valid
</div>
</span> </span>
<div class="" ng-show="!emailForm.email.$invalid && <span ng-show="!emailForm.email.$invalid &&
!emailForm.email.$pristine"><i class="fi-check"></i> !emailForm.email.$pristine"><i class="fi-check"></i>
</div> </span>
</div> </div>
</div> </div>
@ -173,17 +171,15 @@
<div class="input"> <div class="input">
<input type="password" ng-model="repeatpassword" class="input form-control" name="repeatpassword" placeholder="{{'Repeat password'|translate}}" match="password" required> <input type="password" ng-model="repeatpassword" class="input form-control" name="repeatpassword" placeholder="{{'Repeat password'|translate}}" match="password" required>
<i class="icon-locked"></i> <i class="icon-locked"></i>
<div class="icon-input m5b text-right"> <div class="icon-input">
<span translate class="has-error size-12" ng-show="passForm.repeatpassword.$dirty && <span translate class="has-error size-12" ng-show="passForm.repeatpassword.$dirty &&
passForm.repeatpassword.$invalid"> passForm.repeatpassword.$invalid">
<div>
<i class="fi-x"></i> <i class="fi-x"></i>
{{'Passwords must match'|translate}} {{'Passwords must match'|translate}}
</div>
</span> </span>
<div class="" ng-show="passForm.repeatpassword.$dirty && <span ng-show="passForm.repeatpassword.$dirty &&
!passForm.repeatpassword.$invalid"><i class="fi-check"></i> !passForm.repeatpassword.$invalid"><i class="fi-check"></i>
</div> </span>
</div> </div>
</div> </div>