From b205ffe6ae3f35f8e876463a2f1f77e4436bc833 Mon Sep 17 00:00:00 2001
From: Greta Doci <gretadoci@gmail.com>
Date: Fri, 28 Jun 2019 14:45:39 +0200
Subject: [PATCH] Allow highlighted counter in app navigation

Signed-off-by: Greta Doci <gretadoci@gmail.com>
---
 src/components/AppNavigationItem/AppNavigationItem.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/AppNavigationItem/AppNavigationItem.vue b/src/components/AppNavigationItem/AppNavigationItem.vue
index 5f77404e01..82fc7aba14 100644
--- a/src/components/AppNavigationItem/AppNavigationItem.vue
+++ b/src/components/AppNavigationItem/AppNavigationItem.vue
@@ -38,9 +38,10 @@
 		<div v-if="item.utils" class="app-navigation-entry-utils">
 			<ul>
 				<!-- counter -->
-				<li v-if="Number.isInteger(item.utils.counter) && item.utils.counter > 0"
-					class="app-navigation-entry-utils-counter">
-					{{ item.utils.counter }}
+				<li :class="{highlighted: item.utils.counter_highlighted}"
+					class="app-navigation-entry-utils-counter"
+					v-if="Number.isInteger(item.utils.counter) && item.utils.counter > 0">
+					<span>{{ item.utils.counter }}</span>
 				</li>
 
 				<!-- first action if only one action -->