update nav link css

This commit is contained in:
Nick Cardin 2016-09-06 17:56:22 -04:00
commit 6b19189caa
10 changed files with 45 additions and 46 deletions

View file

@ -12,17 +12,17 @@
<ion-list> <ion-list>
<a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.create"> <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.create">
<h2 translate>Create new wallet</h2> <h2 translate>Create new wallet</h2>
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.join"> <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.join">
<h2 translate>Join shared wallet</h2> <h2 translate>Join shared wallet</h2>
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.import.phrase"> <a class="item item-remove-animate item-icon-right" type="item-text-wrap" ui-sref="tabs.import.phrase">
<h2 translate>Import wallet</h2> <h2 translate>Import wallet</h2>
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
</ion-list> </ion-list>

View file

@ -36,7 +36,7 @@
<a class="item item-icon-left item-icon-right" href ui-sref="amazon.buy"> <a class="item item-icon-left item-icon-right" href ui-sref="amazon.buy">
<i class="icon ion-bag"></i> <i class="icon ion-bag"></i>
Buy Gift Card Buy Gift Card
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
</div> </div>

View file

@ -90,7 +90,7 @@
<span class="item-note" ng-show="email"> <span class="item-note" ng-show="email">
{{email}} {{email}}
</span> </span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
</div> </div>
<div class="padding"> <div class="padding">
@ -115,14 +115,14 @@
href ui-sref="glidera.buy"> href ui-sref="glidera.buy">
<img src="img/buy-bitcoin.svg" alt="buy bitcoin" width="35"> <img src="img/buy-bitcoin.svg" alt="buy bitcoin" width="35">
Buy Bitcoin Buy Bitcoin
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-right" <a class="item item-icon-right"
ng-show="status.userCanSell" ng-show="status.userCanSell"
href ui-sref="glidera.sell"> href ui-sref="glidera.sell">
<img src="img/sell-bitcoin.svg" alt="buy bitcoin" width="35"> <img src="img/sell-bitcoin.svg" alt="buy bitcoin" width="35">
Sell Bitcoin Sell Bitcoin
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
</div> </div>

View file

@ -12,7 +12,7 @@
<span class="item-note"> <span class="item-note">
{{wallet.name}} {{wallet.name}}
</span> </span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item" ng-show="wallet.isPrivKeyExternal()"> <a class="item" ng-show="wallet.isPrivKeyExternal()">
<span translate>Hardware Wallet</span> <span translate>Hardware Wallet</span>
@ -25,7 +25,7 @@
<span class="item-note" ng-style="{'color': wallet.color}"> <span class="item-note" ng-style="{'color': wallet.color}">
&block; &block;
</span> </span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-right" ui-sref="tabs.preferences.preferencesEmail"> <a class="item item-icon-right" ui-sref="tabs.preferences.preferencesEmail">
<span translate>Email Notifications</span> <span translate>Email Notifications</span>
@ -33,14 +33,14 @@
<span ng-if="!wallet.email" translate>Disabled</span> <span ng-if="!wallet.email" translate>Disabled</span>
<span ng-if="wallet.email">{{wallet.email}}</span> <span ng-if="wallet.email">{{wallet.email}}</span>
</span> </span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<div class="item item-divider" translate> <div class="item item-divider" translate>
Security Security
</div> </div>
<a class="item item-icon-right" ui-sref="tabs.preferences.backup" ng-hide="wallet.isPrivKeyExternal()"> <a class="item item-icon-right" ui-sref="tabs.preferences.backup" ng-hide="wallet.isPrivKeyExternal()">
<span translate>Backup</span> <span translate>Backup</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<div ng-show="wallet.canSign()"> <div ng-show="wallet.canSign()">
<ion-toggle ng-model="encryptEnabled" toggle-class="toggle-balanced" ng-change="encryptChange()"> <ion-toggle ng-model="encryptEnabled" toggle-class="toggle-balanced" ng-change="encryptChange()">
@ -54,12 +54,12 @@
</div> </div>
<a class="item item-icon-right" ui-sref="tabs.preferences.deleteWords" ng-show ="!deleted"> <a class="item item-icon-right" ui-sref="tabs.preferences.deleteWords" ng-show ="!deleted">
<span translate>Delete recovery phrase</span> <span translate>Delete recovery phrase</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<div class="item item-divider"></div> <div class="item item-divider"></div>
<a class="item item-icon-right" ui-sref="tabs.preferences.preferencesAdvanced"> <a class="item item-icon-right" ui-sref="tabs.preferences.preferencesAdvanced">
<span translate>Advanced</span> <span translate>Advanced</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
</div> </div>
</ion-content> </ion-content>

View file

@ -30,17 +30,17 @@
<a class="item item-icon-left item-icon-right" ui-sref="tabs.termsOfUse"> <a class="item item-icon-left item-icon-right" ui-sref="tabs.termsOfUse">
<i class="icon ion-ios-list-outline"></i> <i class="icon ion-ios-list-outline"></i>
<span translate>Terms of Use</span> <span translate>Terms of Use</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.translators"> <a class="item item-icon-left item-icon-right" ui-sref="tabs.translators">
<i class="icon ion-ios-people-outline"></i> <i class="icon ion-ios-people-outline"></i>
<span translate>Translators</span> <span translate>Translators</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.logs"> <a class="item item-icon-left item-icon-right" ui-sref="tabs.logs">
<i class="icon ion-ios-copy-outline"></i> <i class="icon ion-ios-copy-outline"></i>
<span translate>Session log</span> <span translate>Session log</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
</div> </div>
</ion-content> </ion-content>

View file

@ -11,27 +11,27 @@
</div> </div>
<a class="item item-icon-right" ui-sref="tabs.preferences.information"> <a class="item item-icon-right" ui-sref="tabs.preferences.information">
<span translate>Wallet Information</span> <span translate>Wallet Information</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-right" ng-show="index.network == 'livenet'" ui-sref="tabs.preferences.paperWallet"> <a class="item item-icon-right" ng-show="index.network == 'livenet'" ui-sref="tabs.preferences.paperWallet">
<span translate>Sweep paper wallet</span> <span translate>Sweep paper wallet</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-right" ui-sref="tabs.preferences.export.file"> <a class="item item-icon-right" ui-sref="tabs.preferences.export.file">
<span translate>Export Wallet</span> <span translate>Export Wallet</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-right" ui-sref="tabs.preferences.preferencesBwsUrl"> <a class="item item-icon-right" ui-sref="tabs.preferences.preferencesBwsUrl">
<span translate>Wallet Service URL</span> <span translate>Wallet Service URL</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-right" ui-sref="tabs.preferences.preferencesHistory"> <a class="item item-icon-right" ui-sref="tabs.preferences.preferencesHistory">
<span translate>Transaction History</span> <span translate>Transaction History</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-right" ui-sref="tabs.preferences.delete"> <a class="item item-icon-right" ui-sref="tabs.preferences.delete">
<span translate>Delete Wallet</span> <span translate>Delete Wallet</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
</div> </div>
</ion-content> </ion-content>

View file

@ -17,16 +17,14 @@
</div> </div>
<form name="exportForm" novalidate> <form name="exportForm" novalidate>
<div class="list"> <label class="item item-input item-stacked-label">
<label class="item item-input item-stacked-label"> <span class="input-label" transalate>Set up a password</span>
<span class="input-label" transalate>Set up a password</span> <input type="password" placeholder="{{'Your password'|translate}}" name="password" ng-model="password">
<input type="password" placeholder="{{'Your password'|translate}}" name="password" ng-model="password"> </label>
</label> <label class="item item-input item-stacked-label">
<label class="item item-input item-stacked-label"> <span class="input-label" transalate>Repeat the password</span>
<span class="input-label" transalate>Repeat the password</span> <input type="password" class="form-control" placeholder="{{'Repeat password'|translate}}" name="password" ng-model="repeatpassword">
<input type="password" class="form-control" placeholder="{{'Repeat password'|translate}}" name="password" ng-model="repeatpassword"> </label>
</label>
</div>
</form> </form>
<ion-toggle ng-show="canSign" ng-model="showAdvanced" toggle-class="toggle-balanced"> <ion-toggle ng-show="canSign" ng-model="showAdvanced" toggle-class="toggle-balanced">

View file

@ -9,7 +9,7 @@
<div class="list card" ng-hide="!txps[0]"> <div class="list card" ng-hide="!txps[0]">
<a class="item item-icon-right item-heading" ui-sref="tabs.proposals" translate> <a class="item item-icon-right item-heading" ui-sref="tabs.proposals" translate>
Payment Proposals Payment Proposals
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
<span class="badge badge-assertive" ng-show="txpsN>3" translate> {{txpsN}}</span> <span class="badge badge-assertive" ng-show="txpsN>3" translate> {{txpsN}}</span>
</a> </a>
@ -22,7 +22,7 @@
<div class="list card"> <div class="list card">
<a class="item item-icon-right item-heading" ui-sref="tabs.activity" translate> <a class="item item-icon-right item-heading" ui-sref="tabs.activity" translate>
Recent Activity Recent Activity
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<span ng-if="fetchingNotifications" class="item text-center"> <span ng-if="fetchingNotifications" class="item text-center">
<ion-spinner icon="lines"></ion-spinner> <ion-spinner icon="lines"></ion-spinner>
@ -57,7 +57,7 @@
<p ng-show="wallet.isComplete() && wallet.balanceHidden"> <p ng-show="wallet.isComplete() && wallet.balanceHidden">
<strong class="size-12" translate>[Balance Hidden]</strong> <strong class="size-12" translate>[Balance Hidden]</strong>
</p> </p>
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a ui-sref="bitpayCard.main" ng-show="externalServices.BitpayCard" class="item item-icon-left"> <a ui-sref="bitpayCard.main" ng-show="externalServices.BitpayCard" class="item item-icon-left">
<i class="icon ion-card"></i> <i class="icon ion-card"></i>
@ -92,28 +92,28 @@
<img class="icon-create-wallet"/> <img class="icon-create-wallet"/>
</i> </i>
<span translate>Create a bitcoin wallet</span> <span translate>Create a bitcoin wallet</span>
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a ng-show="!externalServices.BuyAndSell" ui-sref="buyandsell" class="item item-icon-left item-big-icon-left item-icon-right"> <a ng-show="!externalServices.BuyAndSell" ui-sref="buyandsell" class="item item-icon-left item-big-icon-left item-icon-right">
<i class="icon big-icon-svg"> <i class="icon big-icon-svg">
<img class="icon-buy-bitcoin"/> <img class="icon-buy-bitcoin"/>
</i> </i>
<span translate>Buy Bitcoin</span> <span translate>Buy Bitcoin</span>
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a ui-sref="bitpayCard.main" ng-show="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right"> <a ui-sref="bitpayCard.main" ng-show="!externalServices.BitpayCard" class="item item-icon-left item-big-icon-left item-icon-right">
<i class="icon big-icon-svg"> <i class="icon big-icon-svg">
<img class="icon-bitpay-card"/> <img class="icon-bitpay-card"/>
</i> </i>
<span translate>Add BitPay Card</span> <span translate>Add BitPay Card</span>
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a ui-sref="amazon.main" ng-show="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right"> <a ui-sref="amazon.main" ng-show="!externalServices.AmazonGiftCards" class="item item-icon-left item-big-icon-left item-icon-right">
<i class="icon big-icon-svg"> <i class="icon big-icon-svg">
<img class="icon-gift"/> <img class="icon-gift"/>
</i> </i>
<span translate>Add Amazon Gift Card</span> <span translate>Add Amazon Gift Card</span>
<i class="icon ion-ios-arrow-right nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
</div> </div>

View file

@ -9,7 +9,7 @@
<a class="item item-icon-left item-icon-right" ng-click="openAddressbookModal()"> <a class="item item-icon-left item-icon-right" ng-click="openAddressbookModal()">
<i class="icon ion-ios-book-outline"></i> <i class="icon ion-ios-book-outline"></i>
<span translate>Address Book</span> <span translate>Address Book</span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<div class="item item-divider" translate>Preferences</div> <div class="item item-divider" translate>Preferences</div>
@ -20,7 +20,7 @@
<span class="item-note"> <span class="item-note">
{{currentLanguageName|translate}} {{currentLanguageName|translate}}
</span> </span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.unit"> <a class="item item-icon-left item-icon-right" ui-sref="tabs.unit">
@ -29,7 +29,7 @@
<span class="item-note"> <span class="item-note">
{{unitName}} {{unitName}}
</span> </span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.altCurrency"> <a class="item item-icon-left item-icon-right" ui-sref="tabs.altCurrency">
@ -38,7 +38,7 @@
<span class="item-note"> <span class="item-note">
{{selectedAlternative.name}} {{selectedAlternative.name}}
</span> </span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.fee"> <a class="item item-icon-left item-icon-right" ui-sref="tabs.fee">
@ -47,7 +47,7 @@
<span class="item-note"> <span class="item-note">
{{feeOpts[currentFeeLevel]|translate}} {{feeOpts[currentFeeLevel]|translate}}
</span> </span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<div ng-show="usePushNotifications && PNEnabledByUser"> <div ng-show="usePushNotifications && PNEnabledByUser">
@ -96,14 +96,14 @@
<span class="badge badge-assertive" ng-show="!item.isComplete()" translate> <span class="badge badge-assertive" ng-show="!item.isComplete()" translate>
Incomplete Incomplete
</span> </span>
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
<div class="item item-divider"></div> <div class="item item-divider"></div>
<a class="item item-icon-left item-icon-right" href ui-sref="tabs.about"> <a class="item item-icon-left item-icon-right" href ui-sref="tabs.about">
<i class="icon ion-ios-information-outline"></i> <i class="icon ion-ios-information-outline"></i>
<span translate>About</span> {{appName}} <span translate>About</span> {{appName}}
<i class="icon ion-ios-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
</div> </div>
</ion-content> </ion-content>

View file

@ -1,6 +1,7 @@
.icon.nav-item-arrow-right { .icon.nav-item-arrow-right {
color: #666; color: #666;
font-size: 26px; font-size: 26px;
@extend .ion-ios-arrow-right;
} }
.item.item-heading { .item.item-heading {