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

Merge pull request #127 from gabrielbazan7/fix/detailsNavBar

Browse source 
add ion nav bar in wallet details view
This commit is contained in:
Gustavo Maximiliano Cortez 2016-09-16 14:57:52 -03:00 • committed by GitHub
commit 24133452f0
2 changed files with 13 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

19
public/views/walletDetails.html
View file

@ -1,14 +1,15 @@
<ion-view id="walletDetails" ng-controller="walletDetailsController" ng-init="init()"> <ion-view id="walletDetails" ng-controller="walletDetailsController" ng-init="init()">
<ion-header-bar ng-style="{'background-color': walletDetailsColor}"> <ion-nav-bar ng-style="{'background-color': walletDetailsColor}">
<button class="button back-button" ng-click="$ionicGoBack()"> <ion-nav-title>{{walletDetailsName}}</ion-nav-title>
<ion-nav-back-button>
<i class="icon ion-ios-arrow-thin-left"></i> <i class="icon ion-ios-arrow-thin-left"></i>
</button> </ion-nav-back-button>
<h1 class="title">{{walletDetailsName}}</h1> <ion-nav-buttons side="secondary">
<button class="button search-button" ng-click="startSearch(); openSearchModal()"> <button class="button back-button" ng-click="startSearch(); openSearchModal()">
<i class="icon ion-ios-search-strong"></i> <i class="icon ion-ios-search-strong"></i>
</button> </button>
</ion-header-bar> </ion-nav-buttons>
</ion-nav-bar>
<ion-content delegate-handle="my-handle"> <ion-content delegate-handle="my-handle">
<div class="oh pr" ng-show="wallet && wallet.isComplete()"> <div class="oh pr" ng-show="wallet && wallet.isComplete()">
<div ng-style="{'background-color':wallet.color}" class="amount"> <div ng-style="{'background-color':wallet.color}" class="amount">

4
src/sass/views/walletDetails.scss
View file

@ -9,7 +9,9 @@
background-color: transparent; background-color: transparent;
} }
} }
.nav-bar-block, .bar {
background-color: inherit !important;
}
.amount { .amount {
width: 100%; width: 100%;
text-align: center; text-align: center;