Merge pull request #824 from nextcloud/bugfix/noid/make-unread-count-…

…more-obvious Make the unread count more obvious
nextcloud · Apr 27, 2018 · 25423d9 · 25423d9
2 parents b879290 + fad03fb
commit 25423d9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/css/style.scss b/css/style.scss
@@ -96,6 +96,13 @@
 	height: 32px;
 }
 
+#app-navigation .app-navigation-entry-utils-counter span {
+	padding: 2px 5px;
+	border-radius: 10px;
+	background-color: $color-primary;
+	color: $color-primary-text;
+}
+
 .public-room {
 	display: block !important;
 }

diff --git a/js/views/roomlistview.js b/js/views/roomlistview.js
@@ -37,7 +37,7 @@
 	var ITEM_TEMPLATE = '<a class="app-navigation-entry-link" href="#{{id}}" data-token="{{token}}"><div class="avatar" data-user="{{name}}" data-user-display-name="{{displayName}}"></div> {{displayName}}</a>'+
 						'<div class="app-navigation-entry-utils">'+
 							'<ul>'+
-								'{{#if unreadMessages}}<li class="app-navigation-entry-utils-counter">{{unreadMessages}}</li>{{/if}}'+
+								'{{#if unreadMessages}}<li class="app-navigation-entry-utils-counter"><span>{{unreadMessages}}</span></li>{{/if}}'+
 								'<li class="app-navigation-entry-utils-menu-button"><button></button></li>'+
 							'</ul>'+
 						'</div>'+