From 470e83df5a01fd8ed8b5edcd06190565f6e0d6e3 Mon Sep 17 00:00:00 2001
From: bechi <bechilandia@gmail.com>
Date: Tue, 22 Dec 2015 17:27:32 -0300
Subject: [PATCH] new icon on navigation bar

---
 public/views/includes/menu-item.html | 2 +-
 src/css/icons.css                    | 9 +++++++++
 src/css/mobile.css                   | 4 ----
 src/js/controllers/index.js          | 6 +++---
 4 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/public/views/includes/menu-item.html b/public/views/includes/menu-item.html
index 1420a8d53..68a2d96d9 100644
--- a/public/views/includes/menu-item.html
+++ b/public/views/includes/menu-item.html
@@ -1,7 +1,7 @@
 <a ng-click="index.setTab(item, false, 0, true)" 
    ng-style="{'color': index.tab == item.link ? index.backgroundColor : '#A5B2BF'}" 
    id="menu-{{item.link}}">
-    <i class="size-18 {{item.icon}} db"></i>
+    <i class="size-18 {{item.icon[index.tab == item.link]}} db"></i>
     <span class="size-10 tu">
         {{ item.title|translate }}
         <span class="label round" 
diff --git a/src/css/icons.css b/src/css/icons.css
index 0d50609db..1508e84ff 100644
--- a/src/css/icons.css
+++ b/src/css/icons.css
@@ -24,6 +24,15 @@
 	-moz-osx-font-smoothing: grayscale;
 }
 
+.icon-activity-active:before {
+    content: "\e904";
+}
+.icon-receive-active:before {
+    content: "\e905";
+}
+.icon-send-active:before {
+    content: "\e906";
+}
 .icon-wallet:before {
 	content: "\e903";
 }
diff --git a/src/css/mobile.css b/src/css/mobile.css
index 0d042ad18..5206cfdb0 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -279,10 +279,6 @@ ul.copayer-list img {
   display: block;
 }
 
-.bottombar-item a.active span, .bottombar-item a.active i {
-  font-weight: bold;
-}
-
 .bottombar-item a.active .label {
   text-shadow: none;
 }
diff --git a/src/js/controllers/index.js b/src/js/controllers/index.js
index 575b29eae..0cf29f161 100644
--- a/src/js/controllers/index.js
+++ b/src/js/controllers/index.js
@@ -21,15 +21,15 @@ angular.module('copayApp.controllers').controller('indexController', function($r
 
   self.menu = [{
     'title': gettext('Receive'),
-    'icon': 'icon-receive',
+    'icon': {false:'icon-receive', true: 'icon-receive-active'},
     'link': 'receive'
   }, {
     'title': gettext('Activity'),
-    'icon': 'icon-activity',
+    'icon': {false:'icon-activity',true: 'icon-activity-active'},
     'link': 'walletHome'
   }, {
     'title': gettext('Send'),
-    'icon': 'icon-send',
+    'icon': {false:'icon-send', true: 'icon-send-active'},
     'link': 'send'
   }];