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

add style on bottom-bar

Browse source
This commit is contained in:
bechi 2014-11-25 10:49:07 -03:00
commit 878b6c7805
3 changed files with 10 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

1
css/src/main.css
View file

@ -557,6 +557,7 @@ a.button-setup {
.oh {overflow:hidden;} .oh {overflow:hidden;}
.vm {vertical-align: middle;} .vm {vertical-align: middle;}
.ma { margin: 0 auto;} .ma { margin: 0 auto;}
.tu {text-transform: uppercase;}
.small { .small {
font-size: 60%; font-size: 60%;

11
css/src/mobile.css
View file

@ -45,7 +45,7 @@
bottom: 0; bottom: 0;
width: 100%; width: 100%;
z-index: 5; z-index: 5;
background: #3C4E60; background: #2C3E50;
} }
.left-off-canvas-menu { .left-off-canvas-menu {
@ -99,14 +99,15 @@
} }
.bottombar-item a { .bottombar-item a {
color: #fff; color: #7A8C9E;
padding: 4px 0; padding: 0.5rem 0;
display: block; display: block;
} }
.bottombar-item a.active { .bottombar-item a.active {
color: #000; color: #E4E8EC;
background-color: #fff; background-color: #213140;
border-bottom: 3px solid #1ABC9C;
} }
.box-founds { .box-founds {

6
views/includes/bottombar-mobile.html
View file

@ -1,8 +1,8 @@
<div class="row" ng-controller="SidebarController"> <div class="row collapse" ng-controller="SidebarController">
<div class="medium-3 small-3 columns text-center bottombar-item" data-ng-repeat="item in menu" ui-route="{{item.link}}" ng-if="item.link!='more'"> <div class="medium-3 small-3 columns text-center bottombar-item" data-ng-repeat="item in menu" ui-route="{{item.link}}" ng-if="item.link!='more'">
<a href="#!/{{item.link}}" ng-class="{active: isActive(item)}"> <a href="#!/{{item.link}}" ng-class="{active: isActive(item)}">
<i class="size-24 {{item.icon}} db"></i> <i class="size-36 {{item.icon}} db"></i>
<div class="size-10"> <div class="size-10 tu">
{{item.title}} {{item.title}}
<span class="label alert round" ng-if="item.link=='send' && $root.pendingTxCount > 0">{{$root.pendingTxCount}}</span> <span class="label alert round" ng-if="item.link=='send' && $root.pendingTxCount > 0">{{$root.pendingTxCount}}</span>
</div> </div>