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

adding scss file

Browse source
This commit is contained in:
Gabriel Bazán 2016-09-27 16:25:50 -03:00
commit a0a9b42f13
3 changed files with 58 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
public/views/advancedSettings.html
View file

@ -1,4 +1,4 @@
<ion-view id="tab-settings" class="settings"> <ion-view id="advanced-settings" class="settings">
<ion-nav-bar class="bar-royal"> <ion-nav-bar class="bar-royal">
<ion-nav-title>{{'Advanced Settings' | translate}}</ion-nav-title> <ion-nav-title>{{'Advanced Settings' | translate}}</ion-nav-title>
<ion-nav-back-button> <ion-nav-back-button>
@ -33,19 +33,19 @@
<ion-toggle ng-model="spendUnconfirmed.value" toggle-class="toggle-balanced" ng-change="spendUnconfirmedChange()"> <ion-toggle ng-model="spendUnconfirmed.value" toggle-class="toggle-balanced" ng-change="spendUnconfirmedChange()">
<span class="toggle-label" translate>Use Unconfirmed Funds</span> <span class="toggle-label" translate>Use Unconfirmed Funds</span>
</ion-toggle> </ion-toggle>
<div ng-style="{'padding':'15px', 'background-color': '#fff', 'color': 'rgba(74, 74, 74, 0.8)'}"> <div class="comment">
<span translate>If enabled, wallets will also try to spend unconfirmed funds. This option may cause transaction delays.</span> <span translate>If enabled, wallets will also try to spend unconfirmed funds. This option may cause transaction delays.</span>
</div> </div>
<div class="item item-divider" translate>Experimental Features</div> <div class="item item-divider" translate>Experimental Features</div>
<div ng-style="{'padding':'15px', 'color': 'rgba(74, 74, 74, 0.8)', 'font-size': '15px'}"> <div class="divider-comment">
<span translate>These features aren't quite ready for primetime. They may change, stop working, or disappear at any time.</span> <span translate>These features aren't quite ready for primetime. They may change, stop working, or disappear at any time.</span>
</div> </div>
<ion-toggle ng-show="!isWP" ng-model="recentTransactionsEnabled.value" toggle-class="toggle-balanced" ng-change="recentTransactionsChange()"> <ion-toggle ng-show="!isWP" ng-model="recentTransactionsEnabled.value" toggle-class="toggle-balanced" ng-change="recentTransactionsChange()">
<span class="toggle-label" translate>Recent Transaction Card</span> <span class="toggle-label" translate>Recent Transaction Card</span>
</ion-toggle> </ion-toggle>
<div ng-style="{'padding':'15px', 'background-color': '#fff', 'color': 'rgba(74, 74, 74, 0.8)'}"> <div class="comment">
<span transaction>If enabled, the Recent Transactions card - a list of transactions occuring across all wallets - will appear in the Home tab.</span> <span transaction>If enabled, the Recent Transactions card - a list of transactions occuring across all wallets - will appear in the Home tab.</span>
</div> </div>

1
src/sass/main.scss
View file

@ -996,6 +996,7 @@ input[type=number] {
@import "views/tab-send"; @import "views/tab-send";
@import "views/tab-settings"; @import "views/tab-settings";
@import "views/walletDetails"; @import "views/walletDetails";
@import "views/advancedSettings";
@import "views/bitpayCard"; @import "views/bitpayCard";
@import "views/address-book"; @import "views/address-book";
@import "views/wallet-backup-phrase"; @import "views/wallet-backup-phrase";

53
src/sass/views/advancedSettings.scss Normal file
View file

@ -0,0 +1,53 @@
.settings {
.item {
color: #444;
border-color: rgba(221, 221, 221, 0.3);
}
}
#advanced-settings {
.list {
.item {
color: #444;
border-top: none;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
&:before {
display: block;
position: absolute;
width: 100%;
height: 1px;
background: rgba(221, 221, 221, 0.3);
top: 0;
right: 0;
content: '';
}
&.item-divider {
color: rgba(74, 74, 74, .8);
}
&.item-heading {
&:before {
top: 99%
}
}
&:nth-child(2) {
&:before {
width: 0;
}
}
.item-note {
color: rgb(58, 58, 58);
}
}
.comment {
padding: 15px;
background-color: #fff;
color: rgba(74, 74, 74, 0.8);
}
.divider-comment {
padding: 15px;
color: rgba(74, 74, 74, 0.8);
font-size: 15px;
}
}
}