mirror of
https://github.com/zulip/zulip.git
synced 2025-11-03 05:23:35 +00:00
We had tooltips bound to failed message action icons, because of slightly different html structure for these action buttons as compared to other message action buttons. There were some minor problems due to this. First there was difference of delay in which we show other normal action button tooltips. Second we had to add extra checks to handle tooltip content for these buttons in tippyjs module. This is fixed by having same html structure for failed message buttons as for other message action buttons.
35 lines
1.8 KiB
Handlebars
35 lines
1.8 KiB
Handlebars
<div class="message_controls{{#status_message}} sender-status-controls{{/status_message}} no-select">
|
|
{{#if msg/sent_by_me}}
|
|
<div class="edit_content message_control_button hidden-for-spectators"></div>
|
|
{{/if}}
|
|
|
|
{{#unless msg/sent_by_me}}
|
|
<div class="reaction_button message_control_button hidden-for-spectators" data-tippy-content="{{t 'Add emoji reaction' }} (:)">
|
|
<i class="fa fa-smile-o" aria-label="{{#tr}}Add emoji reaction{{/tr}} (:)" role="button" aria-haspopup="true" tabindex="0"></i>
|
|
</div>
|
|
{{/unless}}
|
|
|
|
{{#unless msg/locally_echoed}}
|
|
<div class="actions_hover message_control_button" data-tippy-content="{{#tr}}Message actions{{/tr}} (i)" >
|
|
<i class="zulip-icon zulip-icon-ellipsis-v-solid" role="button" aria-haspopup="true" tabindex="0" aria-label="{{#tr}}Message actions{{/tr}}"></i>
|
|
</div>
|
|
{{/unless}}
|
|
|
|
<div class="message_failed {{#unless msg.failed_request}}notvisible{{/unless}}">
|
|
<div class="message_control_button failed_message_action" data-tippy-content="{{t 'Retry' }}">
|
|
<i class="fa fa-refresh refresh-failed-message" aria-label="{{t 'Retry' }}" role="button" tabindex="0"></i>
|
|
</div>
|
|
|
|
<div class="message_control_button failed_message_action" data-tippy-content="{{t 'Cancel' }}">
|
|
<i class="fa fa-times-circle remove-failed-message" aria-label="{{t 'Cancel' }}" role="button" tabindex="0"></i>
|
|
</div>
|
|
</div>
|
|
|
|
{{#unless msg/locally_echoed}}
|
|
<div class="star_container message_control_button {{#if msg/starred}}{{else}}empty-star{{/if}} hidden-for-spectators" data-tippy-content="{{#with msg}}{{#tr}}{starred_status} this message{{/tr}}{{/with}} (Ctrl + s)">
|
|
<i role="button" tabindex="0" class="star fa {{#if msg/starred}}fa-star{{else}}fa-star-o{{/if}}"></i>
|
|
</div>
|
|
{{/unless}}
|
|
|
|
</div>
|