paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 14:03:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

keyboard-icon: Use tippyjs for tooltip.

Browse Source 
Tippyjs automatically places it to left.
This commit is contained in:
Aman Agrawal
2021-02-25 02:33:53 +00:00
committed by Tim Abbott
parent 18907eac33
commit d4248cf060
2 changed files with 1 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/js/ui_init.js
View File

@@ -335,10 +335,6 @@ export function initialize_kitchen_sink_stuff() {
$('.copy_message[data-toggle="tooltip"]').tooltip(); $('.copy_message[data-toggle="tooltip"]').tooltip();
// We disable animations here because they can cause the tooltip
// to change shape while fading away in weird way.
$("#keyboard-icon").tooltip({placement: "left", animation: false});
$("body").on("mouseover", ".message_edit_content", function () { $("body").on("mouseover", ".message_edit_content", function () {
$(this).closest(".message_row").find(".copy_message").show(); $(this).closest(".message_row").find(".copy_message").show();
}); });

2
templates/zerver/app/right_sidebar.html
View File

@@ -21,7 +21,7 @@
<a id="invite-user-link" href="#invite"><i class="fa fa-user-plus" aria-hidden="true"></i>{{ _('Invite more users') }}</a> <a id="invite-user-link" href="#invite"><i class="fa fa-user-plus" aria-hidden="true"></i>{{ _('Invite more users') }}</a>
{% endif %} {% endif %}
<a id="sidebar-keyboard-shortcuts" data-overlay-trigger="keyboard-shortcuts"> <a id="sidebar-keyboard-shortcuts" data-overlay-trigger="keyboard-shortcuts">
<i class="fa fa-keyboard-o fa-2x" id="keyboard-icon" data-html="true" data-toggle="tooltip" title="{{ _('Keyboard shortcuts') }} <span class='hotkey-hint'>(?)</span>"></i> <i class="fa fa-keyboard-o fa-2x tippy-zulip-tooltip" id="keyboard-icon" data-tippy-allowHtml="true" data-tippy-content="{{ _('Keyboard shortcuts') }} <span class='hotkey-hint'>(?)</span>"></i>
</a> </a>
</div> </div>
</div> </div>