diff options
| -rw-r--r-- | src/App.scss | 16 | ||||
| -rw-r--r-- | src/components/nav_panel/nav_panel.vue | 18 |
2 files changed, 18 insertions, 16 deletions
diff --git a/src/App.scss b/src/App.scss index 05e73b4b..1800d816 100644 --- a/src/App.scss +++ b/src/App.scss @@ -824,22 +824,6 @@ nav { background-color: var(--panel, $fallback--fg); } -.unread-chat-count { - font-size: 0.9em; - font-weight: bolder; - font-style: normal; - position: absolute; - right: 0.6rem; - 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; -} - .chat-layout { // Needed for smoother chat navigation in the desktop Safari (otherwise the chat layout "jumps" as the chat opens). overflow: hidden; diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue index 8b299bf2..0f02a681 100644 --- a/src/components/nav_panel/nav_panel.vue +++ b/src/components/nav_panel/nav_panel.vue @@ -91,6 +91,7 @@ } li { + position: relative; border-bottom: 1px solid; border-color: $fallback--border; border-color: var(--border, $fallback--border); @@ -154,5 +155,22 @@ .fa-scale-110 { margin-right: 0.8em; } + + .unread-chat-count { + font-size: 0.9em; + font-weight: bolder; + font-style: normal; + 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> |