From 2ee9d80c7fadbb85a671771fc65a32cdaa02365b Mon Sep 17 00:00:00 2001 From: Sayam Samal Date: Tue, 9 Jul 2024 17:20:57 +0530 Subject: [PATCH] user_card_popover: Add tooltip for status clear button. Previously, the tooltip for the status clear button was scoped to only the personal menu popover. This commit moves that logic to `tippyjs.ts` and adds support for the status clear button in the user card popover. --- web/src/personal_menu_popover.js | 6 ------ web/src/tippyjs.ts | 6 ++++++ 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/web/src/personal_menu_popover.js b/web/src/personal_menu_popover.js index 046de30086..06db86a00d 100644 --- a/web/src/personal_menu_popover.js +++ b/web/src/personal_menu_popover.js @@ -1,5 +1,4 @@ import $ from "jquery"; -import * as tippy from "tippy.js"; import render_navbar_personal_menu_popover from "../templates/popovers/navbar/navbar_personal_menu_popover.hbs"; @@ -37,11 +36,6 @@ export function initialize() { const $popper = $(instance.popper); popover_menus.popover_instances.personal_menu = instance; - tippy.default(".personal-menu-clear-status", { - placement: "top", - appendTo: document.body, - }); - $popper.on("change", "input[name='theme-select']", (e) => { const new_theme_code = $(e.currentTarget).attr("data-theme-code"); channel.patch({ diff --git a/web/src/tippyjs.ts b/web/src/tippyjs.ts index 490196c4ba..5127ff04e8 100644 --- a/web/src/tippyjs.ts +++ b/web/src/tippyjs.ts @@ -601,6 +601,12 @@ export function initialize(): void { }, }); + tippy.delegate("body", { + target: ".personal-menu-clear-status", + placement: "top", + appendTo: () => document.body, + }); + tippy.delegate("body", { /* The tooltip for new user group button (+) icon button on #groups