Files
zulip/web/templates/draft_table_body.hbs
Sahil Batra 078d93e310 drafts-ui: Fix banner shown on deleting drafts.
Banner shown on deleting drafts was broken because "banner-wrapper"
class was missing in container element that led to some CSS not
being applied.

Also, needed to change the "text-align" CSS property to override
the "center" value set for overlay header text because "banner-label"
flex element is allowed to grow and take more width after recent
changes in d00cf1a.
2025-07-30 17:36:15 -07:00

35 lines
1.8 KiB
Handlebars

<div id="draft_overlay" class="overlay" data-overlay="drafts">
<div class="flex overlay-content">
<div class="drafts-container overlay-messages-container overlay-container">
<div class="overlay-messages-header">
<h1>{{t 'Drafts' }}</h1>
<div class="exit">
<span class="exit-sign">&times;</span>
</div>
<div id="draft_overlay_banner_container" class="banner-container banner-wrapper"></div>
<div class="header-body">
<div class="drafts-header-note">
<div class="overlay-keyboard-shortcuts">
{{#tr}}
To restore a draft, click on it or press <z-shortcut></z-shortcut>.
{{#*inline "z-shortcut"}}{{popover_hotkey_hints "Enter"}}{{/inline}}
{{/tr}}
</div>
<div>{{t "Drafts are not synced to other devices and browsers." }}</div>
</div>
<div class="delete-drafts-group">
<div class="delete-selected-drafts-button-container">
{{> ./components/icon_button intent="danger" custom_classes="delete-selected-drafts-button" icon="trash" disabled=true }}
</div>
<button class="action-button action-button-quiet-neutral select-drafts-button" role="checkbox" aria-checked="false">
<span>{{t "Select all drafts" }}</span>
<i class="fa fa-square-o select-state-indicator" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
{{> drafts_list context }}
</div>
</div>
</div>