diff --git a/app/styles/scaffolding.less b/app/styles/scaffolding.less index b6beec855..dcc999f62 100644 --- 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 index 4d0bcc203..9270a40ed 100644 --- a/app/templates/sidebar/basic-link-sidebar-item.hbs +++ b/app/templates/sidebar/basic-link-sidebar-item.hbs @@ -5,7 +5,7 @@ {{view.linkText}} {{#if view.alertCount}} -
{{view.alertCount}}
+
{{view.alertCount}}
{{/if}} {{/link-to}} diff --git a/app/views/sidebar/marketplace-sidebar.js b/app/views/sidebar/marketplace-sidebar.js index fde326e75..feeadab78 100644 --- 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",