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

side bar details

Browse source
This commit is contained in:
bechi 2014-07-22 18:28:26 -03:00
commit 3510516e0c
2 changed files with 16 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

15
css/main.css
View file

@ -392,7 +392,7 @@ a:hover {
.line-sidebar { .line-sidebar {
border-top: 1px solid #34495E; border-top: 1px solid #34495E;
margin: 1.4rem 0; margin: 1rem 0;
} }
.line-sidebar-b { .line-sidebar-b {
@ -780,22 +780,25 @@ button[disabled].white:focus,
color: #E6E6E6; color: #E6E6E6;
} }
.side-nav {padding: 0;}
.side-nav li { .side-nav li {
font-size: 16px; font-size: 16px;
line-height: 40px; line-height: 40px;
font-weight: 100; font-weight: 100;
} }
.side-nav li a { .side-nav li.active>a:first-child:not(.button) {
color: #FFFFFF !important; color: #2C3E50;
background-color: #F8F8FB;
} }
.side-nav li.active a { .side-nav li>a:first-child:not(.button), .side-nav li a:not(.button) {
background-color: #1ABC9C; color: #fff;
} }
.side-nav li.active:hover a { .side-nav li.active:hover a {
background-color: #1ABC9C; background-color: #F8F8FB;
} }
.side-nav li:hover a { .side-nav li:hover a {

13
views/includes/sidebar.html
View file

@ -3,16 +3,20 @@
<a href="/" class="db"> <a href="/" class="db">
<img src="../img/logo-negative-beta.svg" alt="" width="100"> <img src="../img/logo-negative-beta.svg" alt="" width="100">
</a> </a>
<div>
<small>v{{version}}</small> <small>v{{version}}</small>
<small ng-if="$root.wallet.getNetworkName()=='livenet'">LIVENET</small>
<small ng-if="$root.wallet.getNetworkName()=='testnet'">TESTNET</small>
</div>
<div class="line-sidebar"></div> <div class="line-sidebar"></div>
<div> <div>
<a href="/addresses" class="name-wallet" tooltip-placement="bottom" tooltip="ID: {{$root.wallet.id}}"> <a href="/addresses" class="name-wallet" tooltip-placement="bottom" tooltip="ID: {{$root.wallet.id}}">
<span>{{$root.wallet.getName()}}</span> <span>{{$root.wallet.getName()}}</span>
</a> </a>
<a class="button small side-bar" title="Manual Refresh" <a class="button primary small side-bar" title="Manual Refresh"
ng-disabled="$root.loading" ng-disabled="$root.loading"
ng-click="refresh()"><i class="size-16 fi-refresh"></i></a> ng-click="refresh()"><i class="size-16 fi-refresh"></i></a>
<a class="button small side-bar" title="Signout" <a class="button primary small side-bar" title="Signout"
ng-click="signout()"><i class="size-16 fi-power"></i></a> ng-click="signout()"><i class="size-16 fi-power"></i></a>
</div> </div>
<div class="founds size-12"> <div class="founds size-12">
@ -39,10 +43,7 @@
tooltip-placement="bottom">{{availableBalance || 0|noFractionNumber}} {{$root.unitName}} tooltip-placement="bottom">{{availableBalance || 0|noFractionNumber}} {{$root.unitName}}
</span> </span>
</div> </div>
<div class="m10t box-livenet"> <div class="line-sidebar"></div>
<small ng-if="$root.wallet.getNetworkName()=='livenet'">LIVENET</small>
<small ng-if="$root.wallet.getNetworkName()=='testnet'">TESTNET</small>
</div>
</header> </header>
<ul class="side-nav"> <ul class="side-nav">
<li data-ng-repeat="item in menu" ui-route="/{{item.link}}" class="nav-item" data-ng-class="{active: isActive(item)}"> <li data-ng-repeat="item in menu" ui-route="/{{item.link}}" class="nav-item" data-ng-class="{active: isActive(item)}">