fix: show unread counts as badges in the narrow-screen channel list

The dropdown already rendered a .sidebar-unread-badge element, but the
styling rule was scoped to .channel-sidebar-item, so on narrow screens the
count fell back to plain text in the row's own colour. Extend the selector
to .channel-selector-item so both views share one badge style.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
MarekWo
2026-07-31 13:06:05 +02:00
parent 569e519007
commit 20e1a67dc9
2 changed files with 7 additions and 1 deletions
+3 -1
View File
@@ -118,7 +118,9 @@ main {
white-space: nowrap;
}
.channel-sidebar-item .sidebar-unread-badge {
/* Same badge in the sidebar (wide) and the navbar dropdown (narrow) */
.channel-sidebar-item .sidebar-unread-badge,
.channel-selector-item .sidebar-unread-badge {
background-color: var(--sender-color);
color: white;
border-radius: 10px;