Allow highlighted counter in app navigation

Signed-off-by: Greta Doci <[email protected]>
nextcloud-libraries · Jul 4, 2019 · b205ffe · b205ffe
1 parent e1c0b86
commit b205ffe
Showing 1 changed file with 4 additions and 3 deletions.
diff --git 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 -->