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

recent_view: Make icon change on hover for visibility indicator robust.

Browse Source 
Using character index for changing icon is not reliable, so
we use `background-image` to change the icon being displayed here.
This commit is contained in:
Aman Agrawal
2025-03-06 04:35:49 +00:00
committed by Tim Abbott
parent e3f39abac6
commit f57a3abd83
2 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/styles/dark_theme.css
View File

@@ -484,6 +484,12 @@
}
}
#recent_view
.change_visibility_policy
.visibility-status-icon:not(.recent-view-row-topic-menu):hover {
filter: invert(1);
}
.drafts-container .header-body .delete-drafts-group > *:focus {
background-color: hsl(228deg 11% 17%);
}

14
web/styles/recent_view.css
View File

@@ -60,9 +60,19 @@
}
}
&.change_visibility_policy .visibility-status-icon:hover::before {
&.change_visibility_policy
.visibility-status-icon:not(.recent-view-row-topic-menu):hover {
/* Show vertical ellipsis when user hovers over visibility indicator icon. */
content: "\f155";
background-image: url("../shared/icons/more-vertical.svg");
background-repeat: no-repeat;
background-position: left bottom;
background-size: contain;
width: var(--base-font-size-px);
height: var(--base-font-size-px);
&::before {
content: "";
}
}
&.change_visibility_policy .recent-view-row-topic-menu {