paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 16:14:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

user_status: Add INTERACTIVE_HOVER_DELAY to status emoji picker tooltip.

Browse Source
This commit is contained in:
Sayam Samal
2025-08-09 19:25:56 +05:30
committed by Tim Abbott
parent 9b979d4072
commit ff70cb8059
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/tippyjs.ts
View File

@@ -603,6 +603,12 @@ export function initialize(): void {
appendTo: () => document.body, appendTo: () => document.body,
}); });
tippy.delegate("body", {
target: ".user-status-emoji-picker",
delay: INTERACTIVE_HOVER_DELAY,
appendTo: () => document.body,
});
tippy.delegate("body", { tippy.delegate("body", {
target: ".user-card-status-area .status-emoji", target: ".user-card-status-area .status-emoji",
appendTo: () => document.body, appendTo: () => document.body,

2
web/templates/set_status_overlay.hbs
View File

@@ -1,5 +1,5 @@
<div class="user-status-content-wrapper"> <div class="user-status-content-wrapper">
<div class="tippy-zulip-tooltip" data-tippy-content="{{t 'Select emoji' }}" data-tippy-placement="top" aria-label="{{t 'Select emoji' }}" id="selected_emoji"> <div class="user-status-emoji-picker" data-tippy-content="{{t 'Select emoji' }}" aria-label="{{t 'Select emoji' }}" id="selected_emoji">
<div class="status-emoji-wrapper" tabindex="0"> <div class="status-emoji-wrapper" tabindex="0">
{{> status_emoji_selector .}} {{> status_emoji_selector .}}
</div> </div>