CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-07-06 21:18:58 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

left_sidebar: Make muted mention indicator more faded than unmuted.

Browse Source
This commit is contained in:
Evy Kassirer 2025-08-06 19:32:22 -07:00 committed by Tim Abbott
parent e712f02c91
commit fb49e5e420
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/app_components.css
View File

@ -642,7 +642,7 @@ input.settings_text_input {
.unread_mention_info:not(:empty) {
margin-right: 5px;
margin-left: 2px;
opacity: 0.5;
opacity: var(--opacity-unread-mention-info);
}
/* Implement the web app's default-hidden convention for alert

4
web/styles/app_variables.css
View File

@ -408,6 +408,10 @@
--opacity-sidebar-heading-hover: 0.9;
--opacity-left-sidebar-muted: 0.55;
--opacity-left-sidebar-muted-hover: 0.75;
--opacity-unread-mention-info: 0.5;
/* Since --opacity-unread-mention-info is too close to
--opacity-left-sidebar-muted */
--opacity-left-sidebar-muted-mentions: 0.3;
--opacity-right-sidebar-subheading: 0.65;
--opacity-right-sidebar-subheading-hover: 0.9;

8
web/styles/left_sidebar.css
View File

@ -799,7 +799,7 @@ ul.filters {
.has-only-muted-mentions {
.unread_mention_info {
opacity: var(--opacity-left-sidebar-muted);
opacity: var(--opacity-left-sidebar-muted-mentions);
}
&:hover .unread_mention_info {
@ -850,6 +850,12 @@ ul.filters {
opacity: var(--opacity-left-sidebar-muted);
}
.unread_mention_info {
/* Default opacity for this icon is too close to
--opacity-left-sidebar-muted */
opacity: var(--opacity-left-sidebar-muted-mentions);
}
&:hover {
.stream-privacy,
.stream-name,