mirror of
https://github.com/zulip/zulip.git
synced 2025-11-08 16:01:58 +00:00
a31df1d58b
We used to make message failed button (retry / cancel) invisible when the message is successfully send instead of not rendering them. This resulted in them being accessible via keyboard when they are not visible. I couldn't find a reason for retry and cancel buttons to use `visibility` to be hidden instead of just being not rendered via `display: none`.
35 lines
1.7 KiB
Handlebars
35 lines
1.7 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"></div>
|
|
{{/if}}
|
|
|
|
{{#unless msg/sent_by_me}}
|
|
<div class="reaction_button message_control_button" 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}}hide{{/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}}" 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>
|