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

Fix sidebar selector

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2014-10-23 12:29:38 -03:00 • committed by Matias Alejo Garcia
commit 6af23a995e
2 changed files with 43 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

16
css/src/main.css
View file

@ -140,7 +140,8 @@ header .alt-currency {
float: left;
}
.col3 {
.col3 a {
display: block;
height: 62px;
width: 30px;
float: right;
@ -148,14 +149,12 @@ header .alt-currency {
padding: 19px 12px;
}
.col3:hover {
cursor: pointer;
background-color: #16A085;
.col3 a.selected, .col3 a.selected:hover {
background-color: #213140;
}
.col3:active {
cursor: pointer;
background-color: #213140;
.col3 a:hover {
background-color: #16A085;
}
.off-canvas-wrap, .inner-wrap{
@ -246,7 +245,6 @@ a:hover {
color: #fff;
}
.button.small.side-bar {
padding: 0rem 0.4rem;
}
@ -518,7 +516,7 @@ a.button-setup {
.name-wallet {
font-size: 14px;
width: 75%;
width: 72%;
float: left;
color: #fff;
}

59
views/includes/sidebar.html
View file

@ -1,33 +1,46 @@
<div ng-controller="SidebarController">
<header ng-click="toggleWalletSelection()" ng-show="$root.wallet">
<a ng-click="refresh()">
<div class="col1">
<div class="avatar-wallet">P</div>
<header ng-show="$root.wallet">
<div class="col1">
<div class="avatar-wallet">{{$root.wallet.getName() | limitTo: 1}}</div>
</div>
<div class="col2">
<div class="oh m5t m10r">
<div class="right size-10">[ {{$root.wallet.totalCopayers}} of {{$root.wallet.requiredCopayers}} ]</div>
<div class="name-wallet">
<a ng-click="refresh()">
<i class="fi-refresh right"></i>
</a>
<div class="ellipsis">{{$root.wallet.getName()}}</div>
</div>
</div>
<div class="col2">
<div class="oh m5t m10r">
<div class="right size-10">[ {{$root.wallet.totalCopayers}} of {{$root.wallet.requiredCopayers}} ]</div>
<div class="ellipsis name-wallet">{{$root.wallet.getName()}}</div>
<div class="founds size-12">
<!-- {{'Balance'|translate}} -->
<span ng-if="$root.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
<div ng-if="$root.wallet && !$root.updatingBalance" data-options="disable_for_touch:true">
<b class="m5r">{{totalBalance || 0 |noFractionNumber}} {{$root.wallet.settings.unitName}}</b>
<span class="alt-currency">{{totalBalanceAlternative |noFractionNumber:2}} {{alternativeIsoCode}}</span>
</div>
<div class="founds size-12">
<!-- {{'Balance'|translate}} -->
<div class="m10t" ng-show="lockedBalance">
{{'Locked'|translate}} &nbsp;
<span ng-if="$root.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
<div ng-if="$root.wallet && !$root.updatingBalance" data-options="disable_for_touch:true">
<b class="m5r">{{totalBalance || 0 |noFractionNumber}} {{$root.wallet.settings.unitName}}</b>
<span class="alt-currency">{{totalBalanceAlternative |noFractionNumber:2}} {{alternativeIsoCode}}</span>
</div>
<div class="m10t" ng-show="lockedBalance">
{{'Locked'|translate}} &nbsp;
<span ng-if="$root.updatingBalance"><i class="fi-bitcoin-circle icon-rotate spinner"></i></span>
<span ng-if="$root.wallet && !$root.updatingBalance" class="has-tip" data-options="disable_for_touch:true" tooltip-popup-delay='500' tooltip="{{lockedBalanceAlternative |noFractionNumber:2}} {{alternativeIsoCode}}" tooltip-trigger="mouseenter" tooltip-placement="bottom">{{lockedBalance || 0|noFractionNumber}} {{$root.wallet.settings.unitName}}
</span> &nbsp;
<i class="fi-info medium" tooltip="{{'Balance locked in pending transaction proposals'|translate}}" tooltip-placement="bottom"></i>
</div>
<span ng-if="$root.wallet && !$root.updatingBalance" class="has-tip" data-options="disable_for_touch:true" tooltip-popup-delay='500' tooltip="{{lockedBalanceAlternative |noFractionNumber:2}} {{alternativeIsoCode}}" tooltip-trigger="mouseenter" tooltip-placement="bottom">{{lockedBalance || 0|noFractionNumber}} {{$root.wallet.settings.unitName}}
</span> &nbsp;
<i class="fi-info medium" tooltip="{{'Balance locked in pending transaction proposals'|translate}}" tooltip-placement="bottom"></i>
</div>
</div>
</a>
</div>
<div class="col3">
<a class="side-bar" title="{{'Manual Update'|translate}}" ng-disabled="$root.loading" ng-click="refresh()"> v </a>
<a class="side-bar"
ng-class="{'selected':walletSelection}"
title="{{'Manual Update'|translate}}"
ng-click="toggleWalletSelection()">
<span ng-show="!walletSelection">
<i class="fi-arrow-down"></i>
</span>
<span ng-show="walletSelection">
<i class="fi-arrow-up"></i>
</span>
</a>
</div>
</header>