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

15
web/styles/right_sidebar.css
View File

@ -45,12 +45,6 @@ $user_status_emoji_width: 24px;
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.
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) {
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 {
display: inline;
cursor: pointer;
color: hsl(0deg 0% 53%);
color: var(--color-vdots-visible);
&:hover {
color: var(--color-vdots-hover);
}
}
}