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

View File

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

View File

@ -4,7 +4,7 @@
<div id="userlist-header">
<h4 class='sidebar-title'
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' }}"
data-tippy-content="{{t 'Search people' }} (w)">
</i>