Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

vdots: Simplify colors on right sidebar. 

This now presents uniform vdots colors and styles across both the
left and now right sidebars.
This commit is contained in:
Karl Stolley 2023-09-15 11:45:08 -05:00 committed by Tim Abbott
parent b168d4911c
commit e5f7f1701f
2 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/styles/dark_theme.css
View File

@ -728,8 +728,7 @@
.clear_search_button:active, .clear_search_button:active,
.clear_search_button:disabled:hover, .clear_search_button:disabled:hover,
#user-groups .save-instructions, #user-groups .save-instructions,
.close, .close {
#user_presences li:hover .user-list-sidebar-menu-icon {
color: hsl(236deg 33% 80%); color: hsl(236deg 33% 80%);
} }
@ -750,10 +749,6 @@
color: hsl(236deg 33% 90%); color: hsl(236deg 33% 90%);
} }
#user_presences li .user-list-sidebar-menu-icon:hover {
color: hsl(0deg 0% 100%) !important;
}
#streamlist-toggle, #streamlist-toggle,
#userlist-toggle { #userlist-toggle {
color: inherit; color: inherit;

15
web/styles/right_sidebar.css
View File

@ -45,12 +45,6 @@ $user_status_emoji_width: 24px;
vertical-align: middle; vertical-align: middle;
} }
&:hover {
display: inline;
cursor: pointer;
color: hsl(0deg 0% 0%) !important;
}
/* /*
Hover does not work for touch-based devices like mobile phones. Hover does not work for touch-based devices like mobile phones.
Hence the the icons does not appear, making the user unaware of its Hence the the icons does not appear, making the user unaware of its
@ -60,6 +54,9 @@ $user_status_emoji_width: 24px;
@media (hover: none) { @media (hover: none) {
display: inline; display: inline;
/* Show dots on touchscreens in a less distracting,
lighter shade. */
color: var(--color-vdots-hint);
} }
} }
@ -67,7 +64,11 @@ $user_status_emoji_width: 24px;
.user-list-sidebar-menu-icon { .user-list-sidebar-menu-icon {
display: inline; display: inline;
cursor: pointer; cursor: pointer;
color: hsl(0deg 0% 53%); color: var(--color-vdots-visible);
&:hover {
color: var(--color-vdots-hover);
}
} }
} }