diff options
| author | Shpuld Shpludson <shp@cock.li> | 2020-11-03 17:09:10 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2020-11-03 17:09:10 +0000 |
| commit | b485d21ba91629931f2846eafaed7ec04d73c8c8 (patch) | |
| tree | 5252e878a9536b9ee94a3d44062f758f2bbc11d7 /src/components/nav_panel/nav_panel.vue | |
| parent | 22bc0c08402c2aea96ac33680dcc2cef3109ded9 (diff) | |
| parent | 4e4b258c547fd4dba2be02aa66a1fd3aa2bb58ef (diff) | |
Merge branch 'fix-chat-badge' into 'develop'
Few more minor fixes
See merge request pleroma/pleroma-fe!1275
Diffstat (limited to 'src/components/nav_panel/nav_panel.vue')
| -rw-r--r-- | src/components/nav_panel/nav_panel.vue | 23 |
1 files changed, 3 insertions, 20 deletions
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue index 0f02a681..0c83d0fe 100644 --- a/src/components/nav_panel/nav_panel.vue +++ b/src/components/nav_panel/nav_panel.vue @@ -27,7 +27,7 @@ <router-link :to="{ name: 'chats', params: { username: currentUser.screen_name } }"> <div v-if="unreadChatCount" - class="badge badge-notification unread-chat-count" + class="badge badge-notification" > {{ unreadChatCount }} </div> @@ -47,7 +47,7 @@ />{{ $t("nav.friend_requests") }} <span v-if="followRequestCount > 0" - class="badge follow-request-count" + class="badge badge-notification" > {{ followRequestCount }} </span> @@ -84,12 +84,6 @@ padding: 0; } - .follow-request-count { - vertical-align: baseline; - background-color: $fallback--bg; - background-color: var(--input, $fallback--faint); - } - li { position: relative; border-bottom: 1px solid; @@ -156,21 +150,10 @@ margin-right: 0.8em; } - .unread-chat-count { - font-size: 0.9em; - font-weight: bolder; - font-style: normal; + .badge { position: absolute; right: 0.6rem; top: 1.25em; - padding: 0 0.3em; - min-width: 1.3rem; - min-height: 1.3rem; - max-height: 1.3rem; - line-height: 1.3rem; - max-width: 10em; - overflow: hidden; - text-overflow: ellipsis; } } </style> |