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

incorporated icons and styles into tab-settings view

Browse source
This commit is contained in:
Jamal Jackson 2016-09-30 15:20:39 -04:00
commit 1eac88d5da
2 changed files with 29 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

28
public/views/tab-settings.html
View file

@ -7,7 +7,9 @@
<div class="list"> <div class="list">
<div class="item item-divider"></div> <div class="item item-divider"></div>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.addressbook"> <a class="item item-icon-left item-icon-right" ui-sref="tabs.addressbook">
<i class="icon ion-ios-book-outline"></i> <i class="icon big-icon-svg">
<img src="img/icon-address-book.svg" class="bg"/>
</i>
<span translate>Address Book</span> <span translate>Address Book</span>
<i class="icon nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>
@ -15,13 +17,17 @@
<div class="item item-divider" translate>Preferences</div> <div class="item item-divider" translate>Preferences</div>
<a class="item item-icon-left item-icon-right" ui-sref="tabs.notifications" ng-show="usePushNotifications"> <a class="item item-icon-left item-icon-right" ui-sref="tabs.notifications" ng-show="usePushNotifications">
<i class="icon ion-ios-bell-outline"></i> <i class="icon big-icon-svg">
<img src="img/icon-notifications.svg" class="bg"/>
</i>
<span translate>Notifications</span> <span translate>Notifications</span>
<i class="icon nav-item-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.language"> <a class="item item-icon-left item-icon-right" ui-sref="tabs.language">
<i class="icon ion-ios-chatbubble-outline"></i> <i class="icon big-icon-svg">
<img src="img/icon-language.svg" class="bg"/>
</i>
<span translate>Language</span> <span translate>Language</span>
<span class="item-note"> <span class="item-note">
{{currentLanguageName|translate}} {{currentLanguageName|translate}}
@ -30,7 +36,9 @@
</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">
<i class="icon ion-ios-calculator-outline"></i> <i class="icon big-icon-svg">
<img src="img/icon-unit.svg" class="bg"/>
</i>
<span translate>Unit</span> <span translate>Unit</span>
<span class="item-note"> <span class="item-note">
{{unitName}} {{unitName}}
@ -39,7 +47,9 @@
</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">
<i class="icon ion-social-usd-outline"></i> <i class="icon big-icon-svg">
<img src="img/icon-alternative-currency.svg" class="bg"/>
</i>
<span translate>Alternative Currency</span> <span translate>Alternative Currency</span>
<span class="item-note"> <span class="item-note">
{{selectedAlternative.name}} {{selectedAlternative.name}}
@ -48,7 +58,9 @@
</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">
<i class="icon ion-social-bitcoin-outline"></i> <i class="icon big-icon-svg">
<img src="img/icon-network.svg" class="bg"/>
</i>
<span translate>Bitcoin Network Fee Policy</span> <span translate>Bitcoin Network Fee Policy</span>
<span class="item-note"> <span class="item-note">
{{feeOpts[currentFeeLevel]|translate}} {{feeOpts[currentFeeLevel]|translate}}
@ -79,7 +91,9 @@
<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 big-icon-svg">
<img src="img/icon-about.svg" class="bg"/>
</i>
<span translate>About</span> {{appName}} <span translate>About</span> {{appName}}
<i class="icon nav-item-arrow-right"></i> <i class="icon nav-item-arrow-right"></i>
</a> </a>

8
src/sass/views/tab-settings.scss
View file

@ -12,6 +12,14 @@
border-top: none; border-top: none;
padding-top: 1.5rem; padding-top: 1.5rem;
padding-bottom: 1.5rem; padding-bottom: 1.5rem;
.big-icon-svg {
& > .bg{
width:20px;
height:20px;
border-radius: 0;
box-shadow: none;
}
}
&:before { &:before {
display: block; display: block;
position: absolute; position: absolute;