improve UI for pass switch when is disabled

This commit is contained in:
Gabriel Bazán 2017-03-13 15:36:43 -03:00
commit aaa368efd0
2 changed files with 7 additions and 1 deletions

View file

@ -3,6 +3,9 @@
.icon-bitpay { .icon-bitpay {
background-image: url("../img/icon-bitpay.svg"); background-image: url("../img/icon-bitpay.svg");
} }
.disabled {
color: $v-light-gray;
}
.item { .item {
color: $v-dark-gray; color: $v-dark-gray;
border-color: rgba(221, 221, 221, 0.3); border-color: rgba(221, 221, 221, 0.3);

View file

@ -50,10 +50,13 @@
</a> </a>
<div ng-show="wallet.canSign()"> <div ng-show="wallet.canSign()">
<ion-toggle ng-model="encryptEnabled.value" toggle-class="toggle-balanced" ng-change="encryptChange()" ng-disabled="wallet.needsBackup"> <ion-toggle ng-model="encryptEnabled.value" toggle-class="toggle-balanced" ng-change="encryptChange()" ng-disabled="wallet.needsBackup">
<span class="toggle-label" translate>Request Spending Password</span> <span ng-class="{'disabled': wallet.needsBackup}" class="toggle-label" translate>Request Spending Password</span><br>
</ion-toggle> </ion-toggle>
<div class="comment" translate> <div class="comment" translate>
If enabled, all sensitive information (private key and recovery phrase) and actions (spending and exporting) associated with this wallet will be protected. If enabled, all sensitive information (private key and recovery phrase) and actions (spending and exporting) associated with this wallet will be protected.
<span class="text-light assertive" ng-show="wallet.needsBackup">
{{'Complete the backup process to use this option' | translate}}
</span>
</div> </div>
</div> </div>
<div ng-show="wallet.canSign() && touchIdAvailable"> <div ng-show="wallet.canSign() && touchIdAvailable">