paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues 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
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) { .unread_mention_info:not(:empty) {
margin-right: 5px; margin-right: 5px;
margin-left: 2px; margin-left: 2px;
opacity: 0.5; opacity: var(--opacity-unread-mention-info);
} }
/* Implement the web app's default-hidden convention for alert /* 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-sidebar-heading-hover: 0.9;
--opacity-left-sidebar-muted: 0.55; --opacity-left-sidebar-muted: 0.55;
--opacity-left-sidebar-muted-hover: 0.75; --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: 0.65;
--opacity-right-sidebar-subheading-hover: 0.9; --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 { .has-only-muted-mentions {
.unread_mention_info { .unread_mention_info {
opacity: var(--opacity-left-sidebar-muted); opacity: var(--opacity-left-sidebar-muted-mentions);
} }
&:hover .unread_mention_info { &:hover .unread_mention_info {
@@ -850,6 +850,12 @@ ul.filters {
opacity: var(--opacity-left-sidebar-muted); 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 { &:hover {
.stream-privacy, .stream-privacy,
.stream-name, .stream-name,