paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-11 17:36:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Delegate max-length tooltip to body.

Browse Source
This commit is contained in:
Karl Stolley
2024-11-18 15:12:47 -05:00
committed by Tim Abbott
parent 8b37781b34
commit f4554613a0
3 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/compose_tooltips.ts
View File

@@ -13,6 +13,7 @@ import {$t} from "./i18n.ts";
import {pick_empty_narrow_banner} from "./narrow_banner.ts";
import * as narrow_state from "./narrow_state.ts";
import * as popover_menus from "./popover_menus.ts";
import {realm} from "./state_data.ts";
import {EXTRA_LONG_HOVER_DELAY, INSTANT_HOVER_DELAY, LONG_HOVER_DELAY} from "./tippyjs.ts";
import {parse_html} from "./ui_util.ts";
import {user_settings} from "./user_settings.ts";
@@ -168,6 +169,21 @@ export function initialize(): void {
appendTo: () => document.body,
});
tippy.delegate("body", {
target: "#compose-limit-indicator",
delay: INSTANT_HOVER_DELAY,
trigger: "mouseenter",
appendTo: () => document.body,
onShow(instance) {
instance.setContent(
$t(
{defaultMessage: `Maximum message length: {max_length} characters`},
{max_length: realm.max_message_length},
),
);
},
});
tippy.delegate("body", {
target: "#compose-send-button",
delay: EXTRA_LONG_HOVER_DELAY,