Put the number of notifications inside a red circle (kinda like qvitter and everyone else does), make the red notification line slightly less transparent.

2017-03-07 15:55:00 +02:00 · 2017-03-07 15:55:00 +02:00 · 58fdf9e70d
commit 58fdf9e70d
parent e64a5beb35
2 changed files with 16 additions and 2 deletions
--- a/src/components/notifications/notifications.vue
+++ b/src/components/notifications/notifications.vue
@ -2,7 +2,8 @@
  <div class="notifications">
    <div class="panel panel-default base00-background">
      <div class="panel-heading base01-background base04">
-        Notifications ({{unseenCount}})
+        <span class="unseen-count" v-if="unseenCount">{{unseenCount}}</span>
+        Notifications
        <button @click.prevent="markAsSeen" class="base06 base02-background read-button">Read!</button>
      </div>
      <div class="panel-body">