mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 13:03:29 +00:00
cd439c0232
To avoid restore tooltip of message from being displayed outside the overlay, we define a boundary, outside which the tooltip cannot exist. Popper library is smart enough to render the tooltip correctly by respecting the provided boundary and flipping the tooltip placement if required.
58 lines
3.5 KiB
Handlebars
58 lines
3.5 KiB
Handlebars
<div class="draft-message-row overlay-message-row" data-draft-id="{{draft_id}}">
|
|
<div class="draft-message-info-box overlay-message-info-box" tabindex="0">
|
|
{{#if is_stream}}
|
|
<div class="message_header message_header_stream">
|
|
<div class="message-header-contents" style="background: {{recipient_bar_color}};">
|
|
<div class="message_label_clickable stream_label">
|
|
<span class="stream-privacy-modified-color-{{stream_id}} stream-privacy filter-icon" style="color: {{stream_privacy_icon_color}}">
|
|
{{> stream_privacy .}}
|
|
</span>
|
|
{{#if stream_name}}
|
|
{{stream_name}}
|
|
{{else}}
|
|
|
|
{{/if}}
|
|
</div>
|
|
<span class="stream_topic_separator"><i class="zulip-icon zulip-icon-chevron-right"></i></span>
|
|
<span class="stream_topic">
|
|
<div class="message_label_clickable narrows_by_topic">
|
|
<span class="stream-topic-inner {{#if is_empty_string_topic}}empty-topic-display{{/if}}">{{topic_display_name}}</span>
|
|
</div>
|
|
</span>
|
|
<span class="recipient_bar_controls"></span>
|
|
<div class="recipient_row_date">{{ time_stamp }}</div>
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="message_header message_header_private_message">
|
|
<div class="message-header-contents">
|
|
<div class="message_label_clickable stream_label">
|
|
<span class="private_message_header_icon"><i class="zulip-icon zulip-icon-user"></i></span>
|
|
<span class="private_message_header_name">{{t "You and {recipients}" }}</span>
|
|
</div>
|
|
<div class="recipient_row_date">{{ time_stamp }}</div>
|
|
</div>
|
|
</div>
|
|
{{/if}}
|
|
<div class="message_row{{#unless is_stream}} private-message{{/unless}}" role="listitem">
|
|
<div class="messagebox">
|
|
<div class="messagebox-content">
|
|
<div class="message_top_line">
|
|
<div class="overlay_message_controls">
|
|
<span class="copy-button copy-overlay-message tippy-zulip-delayed-tooltip" data-draft-id="{{draft_id}}" data-tippy-content="{{t 'Copy draft' }}" aria-label="{{t 'Copy draft' }}" role="button">
|
|
<i class="zulip-icon zulip-icon-copy" aria-hidden="true"></i>
|
|
</span>
|
|
<i class="fa fa-pencil fa-lg restore-overlay-message tippy-zulip-delayed-tooltip" aria-hidden="true" data-tooltip-template-id="restore-draft-tooltip-template"></i>
|
|
<i class="fa fa-trash-o fa-lg delete-overlay-message tippy-zulip-delayed-tooltip" aria-hidden="true" data-tooltip-template-id="delete-draft-tooltip-template"></i>
|
|
<div class="draft-selection-tooltip">
|
|
<i class="fa fa-square-o fa-lg draft-selection-checkbox" aria-hidden="true"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="message_content rendered_markdown restore-overlay-message" data-tooltip-template-id="restore-draft-tooltip-template">{{rendered_markdown content}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|