moviewyrm/bookwyrm/templates/components/modal.html

{% load i18n %}
<div
    role="dialog"
    class="modal is-hidden"
    id="{{ controls_text }}-{{ controls_uid }}"
    aria-labelledby="modal-card-title-{{ controls_text }}-{{ controls_uid }}"
    aria-modal="true"
>
    {# @todo Implement focus traps to prevent tabbing out of the modal. #}
    <div class="modal-background"></div>
    {% trans "Close" as label %}
    <div class="modal-card">
        <header class="modal-card-head" tabindex="0" id="modal-title-{{ controls_text }}-{{ controls_uid }}">
            <h2 class="modal-card-title" id="modal-card-title-{{ controls_text }}-{{ controls_uid }}">
                {% block modal-title %}{% endblock %}
            </h2>
            {% include 'snippets/toggle/toggle_button.html' with label=label class="delete" nonbutton=True %}
        </header>
        {% block modal-form-open %}{% endblock %}
        {% if not no_body %}
        <section class="modal-card-body">
            {% block modal-body %}{% endblock %}
        </section>
        {% endif %}
        <footer class="modal-card-foot">
            {% block modal-footer %}{% endblock %}
        </footer>
        {% block modal-form-close %}{% endblock %}
    </div>
    {% include 'snippets/toggle/toggle_button.html' with label=label class="modal-close is-large" nonbutton=True %}
</div>
Fixes translation on modal close labels 2021-04-01 20:14:23 +00:00			`{% load i18n %}`
[profile] Various HTML fixes: - Wrap block level elements within block level elements, not inline. - Avoid empty blocks. - Change `<hr>` in lists into allowed type of children. - Fix duplicated ID (some change that was not propagated across the template?). - Make the anchor optional in the navbar (interactive elements (`a`, `input`, `button`…) should not appear into other interactive elements). - Remove redundant `role` on main navigation. - Make the modal a modal with `role="dialog". - Use `button` instead of form-less `label`. 2021-03-03 19:10:09 +00:00			`<div`
			`role="dialog"`
[assets] Remove redundant class already provided by bulma: Replace all classes `hidden` with `is-hidden` in templates, CSS and JS. 2021-04-07 15:31:00 +00:00			`class="modal is-hidden"`
[profile] Various HTML fixes: - Wrap block level elements within block level elements, not inline. - Avoid empty blocks. - Change `<hr>` in lists into allowed type of children. - Fix duplicated ID (some change that was not propagated across the template?). - Make the anchor optional in the navbar (interactive elements (`a`, `input`, `button`…) should not appear into other interactive elements). - Remove redundant `role` on main navigation. - Make the modal a modal with `role="dialog". - Use `button` instead of form-less `label`. 2021-03-03 19:10:09 +00:00			`id="{{ controls_text }}-{{ controls_uid }}"`
[profile] Updates for PR: - Fix duplicated IDs between modals for the same status. - Remove redundant button (https://github.com/mouse-reeve/bookwyrm/pull/680#discussion_r586743844). - Remove redundant `role="navigation"` on `<nav>`. - Add `dir="auto"` back for titles (https://github.com/mouse-reeve/bookwyrm/pull/680#discussion_r586715693). - Use `exists` instead of `all` for conditional statement (https://github.com/mouse-reeve/bookwyrm/pull/680#discussion_r586716299). - Fix missing spacing between avatar and username (https://github.com/mouse-reeve/bookwyrm/pull/680#discussion_r586740902). 2021-03-03 21:58:01 +00:00			`aria-labelledby="modal-card-title-{{ controls_text }}-{{ controls_uid }}"`
[a11y] Add `aria-modal`: - Addresses https://github.com/mouse-reeve/bookwyrm/pull/680#issuecomment-790603940 2021-03-04 19:14:11 +00:00			`aria-modal="true"`
[profile] Various HTML fixes: - Wrap block level elements within block level elements, not inline. - Avoid empty blocks. - Change `<hr>` in lists into allowed type of children. - Fix duplicated ID (some change that was not propagated across the template?). - Make the anchor optional in the navbar (interactive elements (`a`, `input`, `button`…) should not appear into other interactive elements). - Remove redundant `role` on main navigation. - Make the modal a modal with `role="dialog". - Use `button` instead of form-less `label`. 2021-03-03 19:10:09 +00:00			`>`
Testing moving a comment to see what accesslint says. 2021-03-04 19:38:28 +00:00			`{# @todo Implement focus traps to prevent tabbing out of the modal. #}`
Readthrough interactions 2021-01-17 18:10:59 +00:00			`<div class="modal-background"></div>`
Fixes translation on modal close labels 2021-04-01 20:14:23 +00:00			`{% trans "Close" as label %}`
Readthrough interactions 2021-01-17 18:10:59 +00:00			`<div class="modal-card">`
Sets hover to modal header when opened 2021-01-18 16:54:00 +00:00			`<header class="modal-card-head" tabindex="0" id="modal-title-{{ controls_text }}-{{ controls_uid }}">`
[profile] Updates for PR: - Fix duplicated IDs between modals for the same status. - Remove redundant button (https://github.com/mouse-reeve/bookwyrm/pull/680#discussion_r586743844). - Remove redundant `role="navigation"` on `<nav>`. - Add `dir="auto"` back for titles (https://github.com/mouse-reeve/bookwyrm/pull/680#discussion_r586715693). - Use `exists` instead of `all` for conditional statement (https://github.com/mouse-reeve/bookwyrm/pull/680#discussion_r586716299). - Fix missing spacing between avatar and username (https://github.com/mouse-reeve/bookwyrm/pull/680#discussion_r586740902). 2021-03-03 21:58:01 +00:00			`<h2 class="modal-card-title" id="modal-card-title-{{ controls_text }}-{{ controls_uid }}">`
Readthrough interactions 2021-01-17 18:10:59 +00:00			`{% block modal-title %}{% endblock %}`
			`</h2>`
Fixes translation on modal close labels 2021-04-01 20:14:23 +00:00			`{% include 'snippets/toggle/toggle_button.html' with label=label class="delete" nonbutton=True %}`
Readthrough interactions 2021-01-17 18:10:59 +00:00			`</header>`
			`{% block modal-form-open %}{% endblock %}`
Confirmation modal for to-read shelve action 2021-01-30 21:11:43 +00:00			`{% if not no_body %}`
Cascade-delete progress updates Add a warning about it, and update test to confirm it works 2021-01-20 06:30:51 +00:00			`<section class="modal-card-body">`
			`{% block modal-body %}{% endblock %}`
			`</section>`
Confirmation modal for to-read shelve action 2021-01-30 21:11:43 +00:00			`{% endif %}`
Readthrough interactions 2021-01-17 18:10:59 +00:00			`<footer class="modal-card-foot">`
			`{% block modal-footer %}{% endblock %}`
			`</footer>`
			`{% block modal-form-close %}{% endblock %}`
			`</div>`
Fixes translation on modal close labels 2021-04-01 20:14:23 +00:00			`{% include 'snippets/toggle/toggle_button.html' with label=label class="modal-close is-large" nonbutton=True %}`
Readthrough interactions 2021-01-17 18:10:59 +00:00			`</div>`