Limit object edit form width

This commit is contained in:
Jeremy Stretch 2024-01-12 16:28:00 -05:00
parent 0045c7a3f0
commit d61414a026
7 changed files with 11 additions and 5 deletions

View File

@ -10,6 +10,7 @@
// Transitional styling to ease migration of templates from NetBox v3.x // Transitional styling to ease migration of templates from NetBox v3.x
@import 'transitional/badges'; @import 'transitional/badges';
@import 'transitional/cards'; @import 'transitional/cards';
@import 'transitional/forms';
@import 'transitional/layout'; @import 'transitional/layout';
@import 'transitional/navigation'; @import 'transitional/navigation';
@import 'transitional/progress'; @import 'transitional/progress';

View File

@ -0,0 +1,5 @@
// Limit the width of object edit forms
form.object-edit {
margin: auto;
max-width: 800px;
}

View File

@ -9,7 +9,7 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<form action="" method="post" enctype="multipart/form-data" class="form-object-edit"> <form action="" method="post" enctype="multipart/form-data" class="object-edit">
{% render_errors membership_form %} {% render_errors membership_form %}
{% csrf_token %} {% csrf_token %}

View File

@ -11,7 +11,7 @@
{% block content %} {% block content %}
<div class="tab-pane show active" id="edit-form" role="tabpanel" aria-labelledby="object-list-tab"> <div class="tab-pane show active" id="edit-form" role="tabpanel" aria-labelledby="object-list-tab">
<form action="" method="post" enctype="multipart/form-data" class="form-object-edit"> <form action="" method="post" enctype="multipart/form-data" class="object-edit">
{% for form in formset %} {% for form in formset %}
{% render_errors form %} {% render_errors form %}
{% endfor %} {% endfor %}

View File

@ -14,7 +14,7 @@
{% trans "This report is invalid and cannot be run." %} {% trans "This report is invalid and cannot be run." %}
</div> </div>
{% endif %} {% endif %}
<form action="{% url 'extras:report' module=report.module name=report.class_name %}" method="post" class="form-object-edit"> <form action="{% url 'extras:report' module=report.module name=report.class_name %}" method="post" class="object-edit">
{% csrf_token %} {% csrf_token %}
{% render_form form %} {% render_form form %}
<div class="float-end"> <div class="float-end">

View File

@ -13,7 +13,7 @@
{% trans "You do not have permission to run scripts" %}. {% trans "You do not have permission to run scripts" %}.
</div> </div>
{% endif %} {% endif %}
<form action="" method="post" enctype="multipart/form-data" class="form form-object-edit"> <form action="" method="post" enctype="multipart/form-data" class="object-edit">
{% csrf_token %} {% csrf_token %}
<div class="field-group my-4"> <div class="field-group my-4">
{# Render grouped fields according to declared fieldsets #} {# Render grouped fields according to declared fieldsets #}

View File

@ -53,7 +53,7 @@ Context:
{% include 'inc/missing_prerequisites.html' %} {% include 'inc/missing_prerequisites.html' %}
{% endif %} {% endif %}
<form action="" method="post" enctype="multipart/form-data" class="form-object-edit mt-5"> <form action="" method="post" enctype="multipart/form-data" class="object-edit mt-5">
{% csrf_token %} {% csrf_token %}
<div id="form_fields"> <div id="form_fields">