2305329041
* Smoother animations * Removed blurring in Chrome temporarily * Centering is now done in CSS (the height is calculated in JS to work in FF and Opera) * Modals now need close: true to be set to enable the close icon and shortcuts for closing (ESC key, background clicking)
14 lines
989 B
Handlebars
14 lines
989 B
Handlebars
<article class="modal{{#if options.type}}-{{options.type}}{{/if}} {{#if options.style}}{{#each options.style}}modal-style-{{this}} {{/each}}{{/if}}{{options.animation}} js-modal">
|
|
<section class="modal-content">
|
|
{{#if content.title}}<header class="modal-header"><h1>{{content.title}}</h1></header>{{/if}}
|
|
{{#if options.close}}<a class="close" href="#"><span class="hidden">Close</span></a>{{/if}}
|
|
<section class="modal-body">
|
|
</section>
|
|
{{#if options.confirm}}
|
|
<footer class="modal-footer">
|
|
<button class="js-button-accept {{#if options.confirm.accept.buttonClass}}{{options.confirm.accept.buttonClass}}{{else}}button-add{{/if}}">{{options.confirm.accept.text}}</button>
|
|
<button class="js-button-reject {{#if options.confirm.reject.buttonClass}}{{options.confirm.reject.buttonClass}}{{else}}button-delete{{/if}}">{{options.confirm.reject.text}}</button>
|
|
</footer>
|
|
{{/if}}
|
|
</section>
|
|
</article> |