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

tooltip: Improve tooltip placement for search users icon in right sidebar. 

Similar to the previous commit, the tooltip was not
completely visible in this case and this bug was
similar to the one corrected in recipient bar icons.
This commit is contained in:
akshatdalton 2021-07-06 03:28:25 +00:00 committed by Tim Abbott
parent d693b77f49
commit ea4587071a
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
static/js/tippyjs.js
View File

@ -181,7 +181,7 @@ export function initialize() {
// ensures that tooltip doesn't hide behind the message // ensures that tooltip doesn't hide behind the message
// box or it is not limited by the parent container. // box or it is not limited by the parent container.
delegate("body", { delegate("body", {
target: [".recipient_bar_icon", ".sidebar-title"], target: [".recipient_bar_icon", ".sidebar-title", "#user_filter_icon"],
placement: "top", placement: "top",
appendTo: () => document.body, appendTo: () => document.body,
}); });

2
static/templates/right_sidebar.hbs
View File

@ -4,7 +4,7 @@
<div id="userlist-header"> <div id="userlist-header">
<h4 class='sidebar-title' <h4 class='sidebar-title'
id='userlist-title' data-tippy-content="{{t 'Search people' }} (w)">{{t 'USERS' }}</h4> id='userlist-title' data-tippy-content="{{t 'Search people' }} (w)">{{t 'USERS' }}</h4>
<i id="user_filter_icon" class="fa fa-search tippy-zulip-tooltip" <i id="user_filter_icon" class="fa fa-search"
aria-hidden="true" aria-label="{{t 'Search people' }}" aria-hidden="true" aria-label="{{t 'Search people' }}"
data-tippy-content="{{t 'Search people' }} (w)"> data-tippy-content="{{t 'Search people' }} (w)">
</i> </i>