From ea4587071ac07c79e3858f362a7ec4b7837a33e2 Mon Sep 17 00:00:00 2001
From: akshatdalton <akshat.dak@students.iiit.ac.in>
Date: Tue, 6 Jul 2021 03:28:25 +0000
Subject: [PATCH] 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.
---
 static/js/tippyjs.js               | 2 +-
 static/templates/right_sidebar.hbs | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/js/tippyjs.js b/static/js/tippyjs.js
index b9a5c8203a..dc85b80319 100644
--- a/static/js/tippyjs.js
+++ b/static/js/tippyjs.js
@@ -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,
     });
diff --git a/static/templates/right_sidebar.hbs b/static/templates/right_sidebar.hbs
index 2563178cb3..04eb2c8c6d 100644
--- a/static/templates/right_sidebar.hbs
+++ b/static/templates/right_sidebar.hbs
@@ -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>