paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-09 16:37:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

left_sidebar: Move tooltips to the focus element.

Browse Source 
Since tippy relies on the `blur` event of `target` to hide
the toolips, it is important that the tooltip is triggered
by the element that receives that focus in keyboard navigation which
is `a` tag for left sidebar elements.
This commit is contained in:
Aman Agrawal
2023-05-12 22:49:55 +00:00
committed by Tim Abbott
parent 254ea4b0c8
commit f66dde4a33
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/templates/left_sidebar.hbs
View File

@@ -2,8 +2,8 @@
<div class="narrows_panel">
<ul id="global_filters" class="filters">
{{!-- Special-case this link so we don't actually go to page top. --}}
<li class="top_left_all_messages top_left_row tippy-left-sidebar-tooltip" data-tooltip-template-id="all-message-tooltip-template">
<a href="#all_messages" class="home-link">
<li class="top_left_all_messages top_left_row">
<a href="#all_messages" class="home-link tippy-left-sidebar-tooltip" data-tooltip-template-id="all-message-tooltip-template">
<span class="filter-icon">
<i class="fa fa-align-left" aria-hidden="true"></i>
</span>
@@ -13,8 +13,8 @@
</a>
<span class="arrow all-messages-sidebar-menu-icon hidden-for-spectators"><i class="zulip-icon zulip-icon-ellipsis-v-solid" aria-hidden="true"></i></span>
</li>
<li class="top_left_recent_topics top_left_row tippy-left-sidebar-tooltip" data-tooltip-template-id="recent-conversations-tooltip-template">
<a href="#recent">
<li class="top_left_recent_topics top_left_row">
<a href="#recent" class="tippy-left-sidebar-tooltip" data-tooltip-template-id="recent-conversations-tooltip-template">
<span class="filter-icon">
<i class="fa fa-clock-o" aria-hidden="true"></i>
</span>
@@ -43,8 +43,8 @@
</a>
<span class="arrow starred-messages-sidebar-menu-icon"><i class="zulip-icon zulip-icon-ellipsis-v-solid" aria-hidden="true"></i></span>
</li>
<li class="top_left_drafts top_left_row hidden-for-spectators tippy-left-sidebar-tooltip" data-tooltip-template-id="drafts-tooltip-template">
<a href="#drafts">
<li class="top_left_drafts top_left_row hidden-for-spectators">
<a href="#drafts" class="tippy-left-sidebar-tooltip" data-tooltip-template-id="drafts-tooltip-template">
<span class="filter-icon">
<i class="fa fa-pencil" aria-hidden="true"></i>
</span>