diff options
| author | eugenijm <eugenijm@protonmail.com> | 2019-02-11 12:41:17 +0300 |
|---|---|---|
| committer | eugenijm <eugenijm@protonmail.com> | 2019-02-15 12:49:00 +0300 |
| commit | d831b8191284def1d26fad7811f674a0595cded1 (patch) | |
| tree | 461c1c070498ee3ebaa0248be9ba657a9cbd92db /src/components/nav_panel/nav_panel.vue | |
| parent | 10990e17159a8b2cb3d6290b654f9c3f2a63c34e (diff) | |
Added follow requests counter to nav bar to make it visible behorehand
Diffstat (limited to 'src/components/nav_panel/nav_panel.vue')
| -rw-r--r-- | src/components/nav_panel/nav_panel.vue | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue index 3aa0a793..1a269adf 100644 --- a/src/components/nav_panel/nav_panel.vue +++ b/src/components/nav_panel/nav_panel.vue @@ -19,7 +19,10 @@ </li> <li v-if='currentUser && currentUser.locked'> <router-link :to="{ name: 'friend-requests' }"> - {{ $t("nav.friend_requests") }} + {{ $t("nav.friend_requests")}} + <span v-if='currentUser.follow_request_count > 0' class="badge follow-request-count"> + {{currentUser.follow_request_count}} + </span> </router-link> </li> <li> @@ -52,6 +55,12 @@ padding: 0; } +.follow-request-count { + margin: -6px 10px; + background-color: $fallback--bg; + background-color: var(--input, $fallback--faint); +} + .nav-panel li { border-bottom: 1px solid; border-color: $fallback--border; |