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

keyboard-icon: Use tippyjs for tooltip. 

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
Show Stats 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();
// 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 () {
$(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>
{% endif %}
<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>
</div>
</div>