paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 22:13:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

inbox: Match style of inbox view unread count folder to left sidebar.

Browse Source
This commit is contained in:
Aman Agrawal
2025-08-10 15:13:19 +05:30
committed by Tim Abbott
parent f119c33789
commit 6d9b282b86
2 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/styles/inbox.css
View File

@@ -400,8 +400,7 @@
} }
.inbox-header-name-text, .inbox-header-name-text,
.unread_mention_info, .unread_mention_info {
.unread_count {
color: var(--color-folder-header); color: var(--color-folder-header);
opacity: 0.5; opacity: 0.5;
} }
@@ -563,9 +562,7 @@
} }
.inbox-container #inbox-pane .inbox-folder .unread_count { .inbox-container #inbox-pane .inbox-folder .unread_count {
display: none;
transition: none; transition: none;
background-color: transparent;
cursor: default; cursor: default;
&:hover { &:hover {
@@ -573,9 +570,8 @@
} }
} }
.inbox-container #inbox-pane #inbox-dm-header .unread_count { .inbox-container #inbox-pane .inbox-folder:not(#inbox-dm-header) .unread_count {
display: inline; display: none;
cursor: pointer;
} }
#inbox-pane #inbox-list .collapsible-button { #inbox-pane #inbox-list .collapsible-button {
@@ -613,7 +609,10 @@
#inbox-pane #inbox-pane
.inbox-folder.inbox-collapsed-state .inbox-folder.inbox-collapsed-state
.unread_mention_info, .unread_mention_info,
.inbox-container #inbox-pane .inbox-folder.inbox-collapsed-state .unread_count { .inbox-container
#inbox-pane
.inbox-folder.inbox-collapsed-state:not(#inbox-dm-header)
.unread_count {
display: inline; display: inline;
} }

2
web/templates/inbox_view/inbox_folder_row.hbs
View File

@@ -17,7 +17,7 @@
{{#unless has_unread_mention}}hidden{{/unless}}" {{#unless has_unread_mention}}hidden{{/unless}}"
data-tippy-content="{{t 'You have unread mentions' }}">@</span> data-tippy-content="{{t 'You have unread mentions' }}">@</span>
<div class="unread-count-focus-outline"> <div class="unread-count-focus-outline">
<span class="unread_count quiet-count">{{unread_count}}</span> <span class="unread_count">{{unread_count}}</span>
</div> </div>
</div> </div>
</div> </div>