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

left_sidebar: Add uniform LONG_DELAY class.

Browse Source
This commit is contained in:
Karl Stolley
2024-10-16 13:32:37 -04:00
committed by Tim Abbott
parent 6935c803c3
commit ab1a8367f0
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/tippyjs.ts
View File

@@ -202,11 +202,11 @@ export function initialize(): void {
});
// Variant of .tippy-left-sidebar-tooltip configuration. Since
// this element doesn't have an always visible label, and
// thus hovering it is a way to find out what it does, give
// it the faster LONG_HOVER_DELAY.
// some elements don't have an always visible label, and
// thus hovering them is a way to find out what they do, give
// them the shorter LONG_HOVER_DELAY.
tippy.delegate("body", {
target: "#show-all-direct-messages",
target: ".tippy-left-sidebar-tooltip-no-label-delay",
placement: "right",
delay: LONG_HOVER_DELAY,
appendTo: () => document.body,

4
web/templates/left_sidebar.hbs
View File

@@ -150,10 +150,10 @@
<i id="toggle-direct-messages-section-icon" class="zulip-icon zulip-icon-heading-triangle-right sidebar-heading-icon rotate-icon-down dm-tooltip-target zoom-in-hide" aria-hidden="true" tabindex="0" role="button"></i>
<h4 class="left-sidebar-title"><span class="dm-tooltip-target">{{t 'DIRECT MESSAGES' }}</span></h4>
<div class="left-sidebar-controls">
<span id="compose-new-direct-message" class="tippy-left-sidebar-tooltip" data-tooltip-template-id="new_direct_message_button_tooltip_template">
<span id="compose-new-direct-message" class="tippy-left-sidebar-tooltip-no-label-delay" data-tooltip-template-id="new_direct_message_button_tooltip_template">
<i class="left-sidebar-new-direct-message-icon zulip-icon zulip-icon-square-plus" aria-label="{{t 'New direct message' }}"></i>
</span>
<a id="show-all-direct-messages" href="#narrow/is/dm" data-tooltip-template-id="show-all-direct-messages-template">
<a id="show-all-direct-messages" class="tippy-left-sidebar-tooltip-no-label-delay" href="#narrow/is/dm" data-tooltip-template-id="show-all-direct-messages-template">
<i class="zulip-icon zulip-icon-all-messages" aria-label="{{t 'Direct message feed' }}"></i>
</a>
</div>