recent topics: Use tippy tooltip instead of HTML title.

This commit is contained in:
Abhijeet Prasad Bodas 2021-05-12 20:13:27 +05:30 committed by Tim Abbott
parent ed8faf1374
commit 336b791f8b

View File

@ -17,13 +17,13 @@
<div class="recent_topic_actions">
<div class="recent_topics_focusable">
{{#if topic_muted}}
<i class="fa fa-bell-slash on_hover_topic_unmute recipient_bar_icon" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" title="{{t 'Unmute topic' }}" role="button" tabindex="0" aria-label="{{t 'Unmute topic' }}"></i>
<i class="fa fa-bell-slash on_hover_topic_unmute recipient_bar_icon tippy-zulip-tooltip" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" data-tippy-content="{{t 'Unmute topic' }}" role="button" tabindex="0" aria-label="{{t 'Unmute topic' }}"></i>
{{else}}
<i class="fa fa-bell-slash on_hover_topic_mute recipient_bar_icon" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" title="{{t 'Mute topic' }}" role="button" tabindex="0" aria-label="{{t 'Mute topic' }}"></i>
<i class="fa fa-bell-slash on_hover_topic_mute recipient_bar_icon tippy-zulip-tooltip" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" data-tippy-content="{{t 'Mute topic' }}" role="button" tabindex="0" aria-label="{{t 'Mute topic' }}"></i>
{{/if}}
</div>
<div class="recent_topics_focusable">
<i class="fa fa-check-circle on_hover_topic_read recipient_bar_icon" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" title="{{t 'Mark as read' }}" role="button" tabindex="0" aria-label="{{t 'Mark as read' }}"></i>
<i class="fa fa-check-circle on_hover_topic_read recipient_bar_icon tippy-zulip-tooltip" data-stream-id="{{stream_id}}" data-topic-name="{{topic}}" data-tippy-content="{{t 'Mark as read' }}" role="button" tabindex="0" aria-label="{{t 'Mark as read' }}"></i>
</div>
</div>
</div>
@ -38,11 +38,11 @@
{{/if}}
{{#each senders}}
{{#if this.is_muted}}
<li class="recent_topics_participant_item" title="{{t 'Muted user'}}">
<li class="recent_topics_participant_item tippy-zulip-tooltip" data-tippy-content="{{t 'Muted user'}}">
<span><i class="fa fa-user recent_topics_participant_overflow"></i></span>
</li>
{{else}}
<li class="recent_topics_participant_item" title="{{this.full_name}}">
<li class="recent_topics_participant_item tippy-zulip-tooltip" data-tippy-content="{{this.full_name}}">
<img src="{{this.avatar_url_small}}" class="recent_topics_participant_avatar" />
</li>
{{/if}}
@ -50,7 +50,7 @@
</ul>
</td>
<td class="recent_topic_timestamp">
<div class="last_msg_time" title="{{this.full_last_msg_date_time}}">
<div class="last_msg_time tippy-zulip-tooltip" data-tippy-content="{{this.full_last_msg_date_time}}">
{{ last_msg_time }}
</div>
</td>