Cosmetic improvements to form fields

This commit is contained in:
Jeremy Stretch 2025-07-18 11:19:39 -04:00
parent 0703fe7852
commit 2044802586
6 changed files with 24 additions and 8 deletions

View File

@ -66,7 +66,7 @@ Context:
{% endfor %}
{# Meta fields #}
<div class="bg-primary-subtle border border-primary rounded-1 pt-3 mb-3">
<div class="bg-primary-subtle border border-primary rounded-1 pt-3 px-3 mb-3">
{% render_field form.changelog_message %}
{% render_field form.background_job %}
</div>

View File

@ -103,7 +103,7 @@ Context:
{% endif %}
{# Meta fields #}
<div class="bg-primary-subtle border border-primary rounded-1 pt-3 mb-3">
<div class="bg-primary-subtle border border-primary rounded-1 pt-3 px-3 mb-3">
{% render_field form.changelog_message %}
{% render_field form.background_job %}
</div>

View File

@ -20,7 +20,7 @@ Context:
{% endblock %}
{% block content %}
<div class="modal" tabindex="-1" style="display: block; position: static">
<div class="modal modal-lg" tabindex="-1" style="display: block; position: static">
<div class="modal-dialog">
<div class="modal-content border-1 border-danger">
{% include 'htmx/delete_form.html' %}

View File

@ -2,10 +2,16 @@
{% load i18n %}
<form action="{{ form_url }}" method="post">
{# Render hidden fields #}
{% csrf_token %}
{% for field in form.hidden_fields %}
{{ field }}
{% endfor %}
<div class="modal-header">
<h5 class="modal-title">{% trans "Confirm Deletion" %}</h5>
</div>
<div class="modal-body">
<p>
{% blocktrans trimmed %}
@ -16,10 +22,10 @@
<p>
{% trans "The following objects will be deleted as a result of this action." %}
</p>
<div class="accordion" id="deleteAccordion">
<div class="accordion mb-3" id="deleteAccordion">
{% for model, instances in dependent_objects.items %}
<div class="accordion-item">
<h2 class="accordion-header" id="deleteheading{{ forloop.counter }}">
<h2 class="accordion-header h4" id="deleteheading{{ forloop.counter }}">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ forloop.counter }}" aria-expanded="false" aria-controls="collapse{{ forloop.counter }}">
{% with object_count=instances|length %}
{{ object_count }}
@ -46,8 +52,15 @@
{% endfor %}
</div>
{% endif %}
{% render_form form %}
{# Meta fields #}
{% if form.changelog_message %}
<div class="bg-primary-subtle border border-primary rounded-1 pt-3 px-3">
{% render_field form.changelog_message %}
</div>
{% endif %}
</div>
<div class="modal-footer">
{% if return_url %}
<a href="{{ return_url }}" class="btn btn-outline-secondary">{% trans "Cancel" %}</a>

View File

@ -28,8 +28,11 @@
</div>
{% endif %}
{# Meta fields #}
{% if form.changelog_message %}
{% render_field form.changelog_message %}
<div class="bg-primary-subtle border border-primary rounded-1 pt-3 px-3 mb-3">
{% render_field form.changelog_message %}
</div>
{% endif %}
{% else %}

View File

@ -1,4 +1,4 @@
<div class="modal fade" id="htmx-modal" tabindex="-1" aria-hidden="true">
<div class="modal modal-lg fade" id="htmx-modal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog{% if size %} modal-{{ size }}{% endif %}">
<div class="modal-content" id="htmx-modal-content">
{# Dynamic content goes here #}