Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

tippy: Initialize maxWidth in em units.

This commit is contained in:
Karl Stolley 2024-07-03 11:42:14 -05:00 committed by Tim Abbott
parent cbdfdf06b4
commit 46f5854185
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/compose_tooltips.ts
View File

@ -240,7 +240,8 @@ export function initialize(): void {
// TODO: Might need to target just the Send button itself // TODO: Might need to target just the Send button itself
// in the new design // in the new design
target: ".disabled-message-send-controls", target: ".disabled-message-send-controls",
maxWidth: 350, // 350px at 14px/1em
maxWidth: "25em",
content: () => content: () =>
compose_recipient.get_posting_policy_error_message() || compose_recipient.get_posting_policy_error_message() ||
compose_validate.get_disabled_send_tooltip(), compose_validate.get_disabled_send_tooltip(),

3
web/src/tippyjs.ts
View File

@ -53,7 +53,8 @@ export const EXTRA_LONG_HOVER_DELAY: [number, number] = [1500, 20];
// documentation for default properties. // documentation for default properties.
tippy.default.setDefaultProps({ tippy.default.setDefaultProps({
// Tooltips shouldn't take more space than mobile widths. // Tooltips shouldn't take more space than mobile widths.
maxWidth: 300, // 300px at 14px/1em
maxWidth: "21.4286em",
delay: INSTANT_HOVER_DELAY, delay: INSTANT_HOVER_DELAY,
placement: "top", placement: "top",
// Disable animations to make the tooltips feel snappy. // Disable animations to make the tooltips feel snappy.