mirror of
https://github.com/zulip/zulip.git
synced 2026-07-03 21:10:12 +08:00
5a5203144d
Earlier, if the content of the modal (apart from the header and footer) overflowed, the whole modal would become scrollable which would hide the modal header and footer on scrolling. This commit makes only the modal content scrollable and keeps the modal header and footer static.
29 lines
1.4 KiB
Handlebars
29 lines
1.4 KiB
Handlebars
<div class="micromodal" id="dialog_widget_modal" aria-hidden="true">
|
|
<div class="modal__overlay" tabindex="-1">
|
|
<div {{#if id}}id="{{id}}" {{/if}}class="modal__container" role="dialog" aria-modal="true" aria-labelledby="dialog_title">
|
|
<header class="modal__header">
|
|
<h1 class="modal__title dialog_heading">
|
|
{{{ heading_text }}}
|
|
{{#if link}}
|
|
{{> help_link_widget }}
|
|
{{/if}}
|
|
</h1>
|
|
<button class="modal__close" aria-label="{{t 'Close modal' }}" data-micromodal-close></button>
|
|
</header>
|
|
<main class="modal__content" data-simplebar>
|
|
<div class="alert" id="dialog_error"></div>
|
|
{{{ html_body }}}
|
|
</main>
|
|
<footer class="modal__footer">
|
|
{{#unless single_footer_button}}
|
|
<button class="modal__btn dialog_cancel_button" aria-label="{{t 'Close this dialog window' }}" data-micromodal-close>{{t "Cancel" }}</button>
|
|
{{/unless}}
|
|
<button class="modal__btn dialog_submit_button"{{#if single_footer_button}} aria-label="{{t 'Close this dialog window' }}" data-micromodal-close{{/if}}>
|
|
<span>{{{ html_submit_button }}}</span>
|
|
<div class="modal__spinner"></div>
|
|
</button>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|