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

add ion nav bar in wallet details view

Browse source
This commit is contained in:
Gabriel Bazán 2016-09-16 11:30:16 -03:00
commit 51bec11127
2 changed files with 16 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

23
public/views/walletDetails.html
View file

@ -1,14 +1,17 @@
<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>
<i class="icon ion-ios-arrow-thin-left"></i> <ion-nav-buttons side="primary">
</button> <button class="button back-button" ui-sref="tabs.home">
<h1 class="title">{{walletDetailsName}}</h1> <i class="icon ion-ios-arrow-thin-left"></i>
<button class="button search-button" ng-click="startSearch(); openSearchModal()"> </button>
<i class="icon ion-ios-search-strong"></i> </ion-nav-buttons>
</button> <ion-nav-buttons side="secondary">
</ion-header-bar> <button class="button back-button" ng-click="startSearch(); openSearchModal()">
<i class="icon ion-ios-search-strong"></i>
</button>
</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;