Add new icon to the settlement tab

kyungmin · Jan 22, 2015 · 49c121b · 49c121b
1 parent 63adaa3
commit 49c121b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/app/styles/scaffolding.less b/app/styles/scaffolding.less
@@ -162,6 +162,12 @@ hr {
   padding: 1px 8px 0;
   margin-top: 3px;
   .border-radius(15px);
+
+  &.new {
+    background-color: @curryYellow60;
+    font-size: 10px;
+    text-transform: uppercase;
+  }
 }
 
 .payments-navbar {

diff --git a/app/templates/sidebar/basic-link-sidebar-item.hbs b/app/templates/sidebar/basic-link-sidebar-item.hbs
@@ -5,7 +5,7 @@
 	<span>{{view.linkText}}</span>
 
 	{{#if view.alertCount}}
-		<div class="alert-count">{{view.alertCount}}</div>
+		<div {{bind-attr class=":alert-count view.alertCount"}}>{{view.alertCount}}</div>
 	{{/if}}
 {{/link-to}}
 

diff --git a/app/views/sidebar/marketplace-sidebar.js b/app/views/sidebar/marketplace-sidebar.js
@@ -10,6 +10,7 @@ var SIDEBAR_ITEMS = [{
 	linkIcon: "icon-settlements",
 	routeName: "marketplace.settlements",
 	isSelectedBinding: "controller.controllers.marketplace.settlementSelected",
+	alertCount: "new",
 }, {
 	linkText: "Disputes",
 	linkIcon: "icon-disputes",