Fix sidebar selector

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

View file

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

View file

@ -1,13 +1,17 @@
<div ng-controller="SidebarController"> <div ng-controller="SidebarController">
<header ng-click="toggleWalletSelection()" ng-show="$root.wallet"> <header ng-show="$root.wallet">
<a ng-click="refresh()">
<div class="col1"> <div class="col1">
<div class="avatar-wallet">P</div> <div class="avatar-wallet">{{$root.wallet.getName() | limitTo: 1}}</div>
</div> </div>
<div class="col2"> <div class="col2">
<div class="oh m5t m10r"> <div class="oh m5t m10r">
<div class="right size-10">[ {{$root.wallet.totalCopayers}} of {{$root.wallet.requiredCopayers}} ]</div> <div class="right size-10">[ {{$root.wallet.totalCopayers}} of {{$root.wallet.requiredCopayers}} ]</div>
<div class="ellipsis name-wallet">{{$root.wallet.getName()}}</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>
<div class="founds size-12"> <div class="founds size-12">
<!-- {{'Balance'|translate}} --> <!-- {{'Balance'|translate}} -->
@ -25,9 +29,18 @@
</div> </div>
</div> </div>
</div> </div>
</a>
<div class="col3"> <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> </div>
</header> </header>