paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-12 18:06:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

streams_nav: Use tippy for tooltip.

Browse Source 
Tippyjs automatically places it to right, placement can change to
bottom if there is no space available to right.
This commit is contained in:
Aman Agrawal
2021-02-25 03:31:10 +00:00
committed by Tim Abbott
parent 910ceebfc1
commit 52eeb7bc68
2 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/js/ui_init.js
View File

@@ -323,10 +323,6 @@ export function initialize_kitchen_sink_stuff() {
timerender.set_full_datetime(message, time_elem);
});
$("#streams_header h4").tooltip({placement: "right", animation: false});
$('#streams_header i[data-toggle="tooltip"]').tooltip({placement: "left", animation: false});
$('.message_failed i[data-toggle="tooltip"]').tooltip();
$('.copy_message[data-toggle="tooltip"]').tooltip();

6
templates/zerver/app/left_sidebar.html
View File

@@ -67,9 +67,9 @@
</li>
</ul>
<div id="streams_list" class="zoom-out">
<div id="streams_header" class="zoom-in-hide"><h4 class="sidebar-title" data-toggle="tooltip" title="{{ _('Filter streams') }}">{{ _('STREAMS') }}</h4>
<i id="streams_inline_cog" class='fa fa-cog' aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="{{ _('Subscribe, add, or configure streams') }}"></i>
<i id="streams_filter_icon" class='fa fa-search' aria-hidden="true" data-toggle="tooltip" title="{{ _('Filter streams') }} (q)"></i>
<div id="streams_header" class="zoom-in-hide"><h4 class="sidebar-title tippy-zulip-tooltip" data-tippy-content="{{ _('Filter streams') }}">{{ _('STREAMS') }}</h4>
<i id="streams_inline_cog" class='fa fa-cog tippy-zulip-tooltip' aria-hidden="true" data-tippy-content="{{ _('Subscribe, add, or configure streams') }}"></i>
<i id="streams_filter_icon" class='fa fa-search tippy-zulip-tooltip' aria-hidden="true" data-tippy-content="{{ _('Filter streams') }} (q)"></i>
<div class="input-append notdisplayed stream_search_section">
<input class="stream-list-filter home-page-input" type="text" autocomplete="off" placeholder="{{ _('Search streams') }}" />
<button type="button" class="btn clear_search_button" id="clear_search_stream_button">