nautobot 2.4.21__py3-none-any.whl → 3.0.0a3__py3-none-any.whl

nautobot/ipam/templates/ipam/ipaddress_merge.html

@@ -14,208 +14,217 @@
     {{ block.super }}
 {% endblock %}
 {% block content %}
-    <form action="" method="post" enctype="multipart/form-data" class="form form-horizontal">
+    <form action="" method="post" enctype="multipart/form-data" class="h-100 vstack">
         {% csrf_token %}
-        <div class="row">
-            <div class="col-md-10 col-md-offset-1">
-                <div class="panel panel-info">
-                    <div class="panel-heading"><strong>Confirm Merging IP Addresses</strong></div>
-                    <div class="panel-body">
+        <div class="row justify-content-center align-content-start flex-fill">
+            <div class="col-lg-10">
+                <div class="card border-info">
+                    <div class="card-header bg-info-subtle border-info fw-medium text-body"><strong>Confirm Merging IP Addresses</strong></div>
+                    <div class="card-body">
                         <p><strong>Warning:</strong> The following operation will merge some or all of these {{ queryset.count }} IP Address records. Please select the record(s) you wish to merge and the attribute values you want to carry forward to the merged record.</p>
                         {% block message_extra %}{% endblock %}
                     </div>
                 </div>
             </div>
-        </div>
-        <div class="row">
-            <div class="col-md-10 col-md-offset-1">
-                <table class="table table-hover table-headings w-auto">
-                    <thead>
-                        <th>
-                            Merging IP Addresses
-                        </th>
-                        <th>
-                            Host
-                        </th>
-                        <th>
-                            Mask Length
-                        </th>
-                        <th>
-                            Namespace
-                        </th>
-                        <th>
-                            Type
-                        </th>
-                        <th>
-                            Status
-                        </th>
-                        <th>
-                            Role
-                        </th>
-                        <th>
-                            DNS Name
-                        </th>
-                        <th>
-                            Description
-                        </th>
-                        <th>
-                            Tenant
-                        </th>
-                        <th>
-                            NAT IP (Inside)
-                        </th>
-                        <th>
-                            Tags
-                        </th>
-                        {% for field, value in queryset.first.get_custom_fields.items %}
-                            <th>
-                                {{ field.label }}
-                            </th>
-                        {% endfor %}
-                        {% with relationships=queryset.first.get_relationships_data %}
-                            {% if relationships.source or relationships.destination or relationships.peer %}
-                                {% for side, relationships in relationships.items %}
-                                    {% for relationship, value in relationships.items %}
-                                        <th>
-                                            {{ value.label }}
-                                        </th>
-                                    {% endfor %}
+            <div class="col-lg-10">
+                <div class="card">
+                    <div class="table-responsive">
+                        <table class="table table-hover nb-table-headings">
+                            <thead>
+                                <th>
+                                    Merging IP Addresses
+                                </th>
+                                <th>
+                                    Host
+                                </th>
+                                <th>
+                                    Mask Length
+                                </th>
+                                <th>
+                                    Namespace
+                                </th>
+                                <th>
+                                    Type
+                                </th>
+                                <th>
+                                    Status
+                                </th>
+                                <th>
+                                    Role
+                                </th>
+                                <th>
+                                    DNS Name
+                                </th>
+                                <th>
+                                    Description
+                                </th>
+                                <th>
+                                    Tenant
+                                </th>
+                                <th>
+                                    NAT IP (Inside)
+                                </th>
+                                <th>
+                                    Tags
+                                </th>
+                                {% for field, value in queryset.first.get_custom_fields.items %}
+                                    <th>
+                                        {{ field.label }}
+                                    </th>
                                 {% endfor %}
-                            {% endif %}
-                        {% endwith %}
-                    </thead>
-                    <tbody>
-                        {% for ip in queryset %}
-                            <tr>
-                                <td>
-                                    <input type="checkbox" onclick='handleClick(this);' id="pk" name="pk" value="{{ip.pk}}" checked>
-                                    <label for="pk"><a href="{% url 'ipam:ipaddress' ip.pk %}">{{ ip }}</a></label>
-                                </td>
-                                <td>
-                                    <input type="hidden" id="host" name="host" value="{{ip.host}}" {% if forloop.first %} checked {% endif %}>
-                                    <label for="host">{{ip.host}}</label>
-                                </td>
-                                <td>
-                                    <input type="radio" id="mask_length" name="mask_length" value="{{ip.mask_length}}" required {% if forloop.first %} checked {% endif %}>
-                                    <label for="mask_length">{{ip.mask_length | placeholder }}</label>
-                                </td>
-                                <td>
-                                    <input type="radio" id="namespace" name="namespace" value="{{ip.parent.namespace.pk}}" required {% if forloop.first %} checked {% endif %}>
-                                    <label for="namespace">{{ip.parent.namespace | hyperlinked_object }}</label>
-                                </td>
-                                <td>
-                                    {% if forloop.first %}
-                                        <input type="radio" id="type" name="type" value="{{ip.type}}" required {% if forloop.first %} checked {% endif %}>
-                                    {% else %}
-                                        <input type="radio" id="type" name="type" value="{{ip.type}}" required>
-                                    {% endif %}
-                                    <label for="type">{{ip.type}}</label>
-                                </td>
-                                <td>
-                                    <input type="radio" id="status" name="status" value="{{ip.status.pk}}" required {% if forloop.first %} checked {% endif %}>
-                                    <label for="status">{{ip.status | hyperlinked_object}}</label>
-                                </td>
-                                <td>
-                                    <input type="radio" id="role" name="role" value="{{ip.role.pk}}" required {% if forloop.first %} checked {% endif %}>
-                                    <label for="role">{{ip.role | hyperlinked_object}}</label>
-                                </td>
-                                <td>
-                                    <input type="radio" id="dns_name" name="dns_name" value="{{ip.dns_name}}" required {% if forloop.first %} checked {% endif %}>
-                                    <label for="dns_name">{{ip.dns_name | placeholder}}</label>
-                                </td>
-                                <td>
-                                    <input type="radio" id="description" name="description" value="{{ip.description}}" required {% if forloop.first %} checked {% endif %}>
-                                    <label for="description">{{ip.description | placeholder }}</label>
-                                </td>
-                                <td>
-                                    <input type="radio" id="tenant" name="tenant" value="{{ip.tenant.pk}}" required {% if forloop.first %} checked {% endif %}>
-                                    <label for="tenant">{{ip.tenant | hyperlinked_object}}</label>
-                                </td>
-                                <td>
-                                    <input type="radio" id="nat_inside" name="nat_inside" value="{{ip.nat_inside.pk}}" required {% if forloop.first %} checked {% endif %}>
-                                    <label for="nat_inside">{{ip.nat_inside | hyperlinked_object}}</label>
-                                </td>
-                                <td>
-                                    <input type="radio" id="tags" name="tags" value="{{ip.tags.all | queryset_to_pks}}" required {% if forloop.first %} checked {% endif %}>
-                                    <label for="tags">
-                                        {% for tag in ip.tags.all %}
-                                            {% tag tag url %}
-                                        {% empty %}
-                                            {{ ip.tags.all | placeholder }}
-                                        {% endfor %}
-                                    </label>
-                                </td>
-                                {% for field, value in ip.get_custom_fields.items %}
-                                    <td>
-                                        <input type="radio" id="cf_{{ field.key }}" name="cf_{{ field.key }}" value="{{ip.pk}}" required {% if forloop.parentloop.first %} checked {% endif %}>
-                                        <label for="cf_{{ field.key }}">
-                                            {% if field.type == 'boolean' %}
-                                                {{ value | render_boolean }}
-                                            {% elif field.type == 'url' and value %}
-                                                <a href="{{ value }}">{{ value|truncatechars:70 }}</a>
-                                            {% elif field.type == 'multi-select' and value %}
-                                                {{ value|join:", " }}
-                                            {% elif field.type == 'json' and value is not None %}
-                                                <pre>{{ value|render_json }}</pre>
-                                            {% elif value or value == 0 %}
-                                                {{ value }}
-                                            {% else %}
-                                                <span class="text-muted">&mdash;</span>
-                                            {% endif %}
-                                        </label>
-                                    </td>
-                                {% endfor %}
-                                {% with relationships=ip.get_relationships_data %}
+                                {% with relationships=queryset.first.get_relationships_data %}
                                     {% if relationships.source or relationships.destination or relationships.peer %}
                                         {% for side, relationships in relationships.items %}
                                             {% for relationship, value in relationships.items %}
-                                                {% if not value.has_many and value.value %}
-                                                    <td>
-                                                        <input type="radio" id="cr_{{relationship.key}}" name="cr_{{relationship.key}}" value="{{ value.value.pk }}" required {% if forloop.parentloop.parentloop.first %} checked {% endif %}>
-                                                        <label for="cr_{{relationship.key}}"><a href="{{ value.url }}">{{ value.value }}</a></label>
-                                                    </td>
-                                                {% elif value.has_many and value.queryset.count %}
-                                                    <td>
-                                                        <input type="radio" id="cr_{{relationship.key}}" name="cr_{{relationship.key}}" value="{{ value.queryset | queryset_to_pks }}" required {% if forloop.parentloop.parentloop.first %} checked {% endif %}>
-                                                        <label for="cr_{{relationship.key}}">
-                                                            <a href="{% url 'extras:relationshipassociation_list' %}?relationship={{relationship.key}}&{{side}}_id={{object.id}}">
-                                                                {{ value.queryset.count }}
-                                                                {% if value.peer_type.model_class is not None %}
-                                                                    {% if value.queryset.count > 1 %}
-                                                                        {{ value.peer_type.model_class|meta:"verbose_name_plural" }}
-                                                                    {% else %}
-                                                                        {{ value.peer_type.model_class|meta:"verbose_name" }}
-                                                                    {% endif %}
-                                                                {% else %}
-                                                                    {{ value.peer_type }}(s)
-                                                                {% endif %}
-                                                            </a>
-                                                        </label>
-                                                    </td>
-                                                {% else %}
-                                                    <td>
-                                                        <input type="radio" id="cr_{{relationship.key}}" name="cr_{{relationship.key}}" value="" required {% if forloop.parentloop.parentloop.first %} checked {% endif %}>
-                                                        <label for="cr_{{relationship.key}}"><span class="text-muted">&mdash;</span></label>
-                                                    </td>
-                                                {% endif %}
+                                                <th>
+                                                    {{ value.label }}
+                                                </th>
                                             {% endfor %}
                                         {% endfor %}
                                     {% endif %}
                                 {% endwith %}
-                            </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
+                            </thead>
+                            <tbody>
+                                {% for ip in queryset %}
+                                    <tr>
+                                        <td>
+                                            <input type="checkbox" onclick='handleClick(this);' id="pk" name="pk" value="{{ip.pk}}" checked>
+                                            <label for="pk"><a href="{% url 'ipam:ipaddress' ip.pk %}">{{ ip }}</a></label>
+                                        </td>
+                                        <td>
+                                            <input type="hidden" id="host" name="host" value="{{ip.host}}" {% if forloop.first %} checked {% endif %}>
+                                            <label for="host">{{ip.host}}</label>
+                                        </td>
+                                        <td>
+                                            <input type="radio" id="mask_length" name="mask_length" value="{{ip.mask_length}}" required {% if forloop.first %} checked {% endif %}>
+                                            <label for="mask_length">{{ip.mask_length | placeholder }}</label>
+                                        </td>
+                                        <td>
+                                            <input type="radio" id="namespace" name="namespace" value="{{ip.parent.namespace.pk}}" required {% if forloop.first %} checked {% endif %}>
+                                            <label for="namespace">{{ip.parent.namespace | hyperlinked_object }}</label>
+                                        </td>
+                                        <td>
+                                            {% if forloop.first %}
+                                                <input type="radio" id="type" name="type" value="{{ip.type}}" required {% if forloop.first %} checked {% endif %}>
+                                            {% else %}
+                                                <input type="radio" id="type" name="type" value="{{ip.type}}" required>
+                                            {% endif %}
+                                            <label for="type">{{ip.type}}</label>
+                                        </td>
+                                        <td>
+                                            <input type="radio" id="status" name="status" value="{{ip.status.pk}}" required {% if forloop.first %} checked {% endif %}>
+                                            <label for="status">{{ip.status | hyperlinked_object}}</label>
+                                        </td>
+                                        <td>
+                                            <input type="radio" id="role" name="role" value="{{ip.role.pk}}" required {% if forloop.first %} checked {% endif %}>
+                                            <label for="role">{{ip.role | hyperlinked_object}}</label>
+                                        </td>
+                                        <td>
+                                            <input type="radio" id="dns_name" name="dns_name" value="{{ip.dns_name}}" required {% if forloop.first %} checked {% endif %}>
+                                            <label for="dns_name">{{ip.dns_name | placeholder}}</label>
+                                        </td>
+                                        <td>
+                                            <input type="radio" id="description" name="description" value="{{ip.description}}" required {% if forloop.first %} checked {% endif %}>
+                                            <label for="description">{{ip.description | placeholder }}</label>
+                                        </td>
+                                        <td>
+                                            <input type="radio" id="tenant" name="tenant" value="{{ip.tenant.pk}}" required {% if forloop.first %} checked {% endif %}>
+                                            <label for="tenant">{{ip.tenant | hyperlinked_object}}</label>
+                                        </td>
+                                        <td>
+                                            <input type="radio" id="nat_inside" name="nat_inside" value="{{ip.nat_inside.pk}}" required {% if forloop.first %} checked {% endif %}>
+                                            <label for="nat_inside">{{ip.nat_inside | hyperlinked_object}}</label>
+                                        </td>
+                                        <td>
+                                            <input type="radio" id="tags" name="tags" value="{{ip.tags.all | queryset_to_pks}}" required {% if forloop.first %} checked {% endif %}>
+                                            <label for="tags">
+                                                {% for tag in ip.tags.all %}
+                                                    {% tag tag url %}
+                                                {% empty %}
+                                                    {{ ip.tags.all | placeholder }}
+                                                {% endfor %}
+                                            </label>
+                                        </td>
+                                        {% for field, value in ip.get_custom_fields.items %}
+                                            <td>
+                                                <input type="radio" id="cf_{{ field.key }}" name="cf_{{ field.key }}" value="{{ip.pk}}" required {% if forloop.parentloop.first %} checked {% endif %}>
+                                                <label for="cf_{{ field.key }}">
+                                                    {% if field.type == 'boolean' %}
+                                                        {{ value | render_boolean }}
+                                                    {% elif field.type == 'url' and value %}
+                                                        <a href="{{ value }}">{{ value|truncatechars:70 }}</a>
+                                                    {% elif field.type == 'multi-select' and value %}
+                                                        {{ value|join:", " }}
+                                                    {% elif field.type == 'json' and value is not None %}
+                                                    <pre>{{ value|render_json }}</pre>
+                                                    {% elif value or value == 0 %}
+                                                        {{ value }}
+                                                    {% else %}
+                                                        <span class="text-secondary">&mdash;</span>
+                                                    {% endif %}
+                                                </label>
+                                            </td>
+                                        {% endfor %}
+                                        {% with relationships=ip.get_relationships_data %}
+                                            {% if relationships.source or relationships.destination or relationships.peer %}
+                                                {% for side, relationships in relationships.items %}
+                                                    {% for relationship, value in relationships.items %}
+                                                        {% if not value.has_many and value.value %}
+                                                            <td>
+                                                                <input type="radio" id="cr_{{relationship.key}}" name="cr_{{relationship.key}}" value="{{ value.value.pk }}" required {% if forloop.parentloop.parentloop.first %} checked {% endif %}>
+                                                                <label for="cr_{{relationship.key}}"><a href="{{ value.url }}">{{ value.value }}</a></label>
+                                                            </td>
+                                                        {% elif value.has_many and value.queryset.count %}
+                                                            <td>
+                                                                <input type="radio" id="cr_{{relationship.key}}" name="cr_{{relationship.key}}" value="{{ value.queryset | queryset_to_pks }}" required {% if forloop.parentloop.parentloop.first %} checked {% endif %}>
+                                                                <label for="cr_{{relationship.key}}">
+                                                                    <a href="{% url 'extras:relationshipassociation_list' %}?relationship={{relationship.key}}&{{side}}_id={{object.id}}">
+                                                                        {{ value.queryset.count }}
+                                                                        {% if value.peer_type.model_class is not None %}
+                                                                            {% if value.queryset.count > 1 %}
+                                                                                {{ value.peer_type.model_class|meta:"verbose_name_plural" }}
+                                                                            {% else %}
+                                                                                {{ value.peer_type.model_class|meta:"verbose_name" }}
+                                                                            {% endif %}
+                                                                        {% else %}
+                                                                            {{ value.peer_type }}(s)
+                                                                        {% endif %}
+                                                                    </a>
+                                                                </label>
+                                                            </td>
+                                                        {% else %}
+                                                            <td>
+                                                                <input type="radio" id="cr_{{relationship.key}}" name="cr_{{relationship.key}}" value="" required {% if forloop.parentloop.parentloop.first %} checked {% endif %}>
+                                                                <label for="cr_{{relationship.key}}"><span class="text-secondary">&mdash;</span></label>
+                                                            </td>
+                                                        {% endif %}
+                                                    {% endfor %}
+                                                {% endfor %}
+                                            {% endif %}
+                                        {% endwith %}
+                                    </tr>
+                                {% endfor %}
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
             </div>
         </div>
-        <div class="row">
-            <div class="col-md-5 col-md-offset-7">
-                {% block buttons %}
-                    <button type="submit" name="_merge" class="btn btn-primary"><i class="mdi mdi-set-merge"></i> Merge and Go to the Next Duplicate</button>
-                    <button type="submit" name="_skip" class="btn btn-warning"><i class="mdi mdi-debug-step-over"></i> Skip and Go to the Next Duplicate</button>
-                    <a href="{{ return_url }}" class="btn btn-default">Cancel</a>
-                {% endblock %}
-            </div>
+        <div class="nb-form-sticky-footer">
+            {% block buttons %}
+                <button type="submit" name="_merge" class="btn btn-primary">
+                    <span aria-hidden="true" class="mdi mdi-set-merge me-4"></span><!--
+                    -->Merge and Go to the Next Duplicate
+                </button>
+                <button type="submit" name="_skip" class="btn btn-warning">
+                    <span aria-hidden="true" class="mdi mdi-debug-step-over me-4"></span><!--
+                    -->Skip and Go to the Next Duplicate
+                </button>
+                <a href="{{ return_url }}" class="btn btn-secondary">
+                    <span aria-hidden="true" class="mdi mdi-close me-4"></span><!--
+                    -->Cancel
+                </a>
+            {% endblock %}
         </div>
     </form>
 {% endblock %}

nautobot/ipam/templates/ipam/ipaddress_vm_interfaces.html

@@ -3,18 +3,17 @@
 {% load render_table from django_tables2 %}
 {% load static %}
 
+{% block drawer %}
+    {% table_config_form vm_interface_table %}
+{% endblock %}
+
 {% block content %}
     <form method="post">
         {% csrf_token %}
-        <div class="panel panel-default">
-            <div class="panel-heading">
+        <div class="card">
+            <div class="card-header">
                 <strong>Interfaces</strong>
-                <div class="pull-right noprint">
-                    {% if request.user.is_authenticated %}
-                        {% table_config_button_small vm_interface_table %}
-                    {% endif %}
-                </div>
-                <div class="pull-right col-md-2 noprint">
+                <div class="float-end col-lg-2 d-print-none">
                     <input class="form-control interface-filter" type="text" placeholder="Filter" title="Filter text (regular expressions supported)" style="height: 23px" />
                 </div>
             </div>
@@ -24,7 +23,6 @@
     {% if vm_interface_table.paginator.num_pages > 1 %}
         {% include "inc/paginator.html" with paginator=vm_interface_table.paginator page=vm_interface_table.page %}
     {% endif %}
-    {% table_config_form vm_interface_table %}
 {% endblock content %}
 
 {% block javascript %}

nautobot/ipam/templates/ipam/ipaddresstointerface_retrieve.html

@@ -1,22 +1,24 @@
 {% extends 'generic/object_retrieve.html' %}
+{# TODO: this file is unused as far as I can tell. Remove it? #}
 {% load helpers %}
 {% load render_table from django_tables2 %}
 
 {% block masthead %}
     <h1>
-        <span class="hover_copy"><span id="copy_title">{{ object }}</span><button type="button" class="btn btn-inline btn-default hover_copy_button" data-clipboard-text="{{ object }}">
-            <span class="mdi mdi-content-copy"></span>
+        <span><span id="copy_title">{{ object }}</span><button type="button" class="btn btn-secondary nb-btn-inline-hover" data-clipboard-text="{{ object }}">
+            <span aria-hidden="true" class="mdi mdi-content-copy"></span>
+            <span class="visually-hidden">Copy</span>
         </button>
         </span>
     </h1>
 {% endblock masthead %}
 
 {% block content_left_page %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
+    <div class="card">
+        <div class="card-header">
             <strong>IP Address to Interface</strong>
         </div>
-        <table class="table table-hover panel-body attr-table">
+        <table class="table table-hover card-body attr-table">
             <tr>
                 <td>IP Address</td>
                 <td>{{ object.ip_address|hyperlinked_object }}</td>

nautobot/ipam/templates/ipam/namespace_ip_addresses.html

@@ -4,7 +4,7 @@
 
 {% block content %}
     <div class="row">
-        <div class="col-md-12">
+        <div class="col-lg-12">
             {% include 'utilities/obj_table.html' with table=ip_address_table table_template='panel_table.html' heading='IP Addresses' bulk_edit_url='ipam:ipaddress_bulk_edit' bulk_delete_url='ipam:ipaddress_bulk_delete' %}
         </div>
     </div>

nautobot/ipam/templates/ipam/namespace_prefixes.html

@@ -4,7 +4,7 @@
 
 {% block content %}
     <div class="row">
-        <div class="col-md-12">
+        <div class="col-lg-12">
             {% include 'utilities/obj_table.html' with table=prefix_table table_template='panel_table.html' heading='Prefixes' bulk_edit_url='ipam:prefix_bulk_edit' bulk_delete_url='ipam:prefix_bulk_delete' %}
         </div>
     </div>

nautobot/ipam/templates/ipam/namespace_update.html

@@ -0,0 +1,15 @@
+{% extends 'generic/object_create.html' %}
+{% load form_helpers %}
+
+{% block form %}
+    <div class="card">
+        <div class="card-header"><strong>Namespace</strong></div>
+        <div class="card-body">
+            {% render_field form.name %}
+            {% render_field form.description %}
+            {% render_field form.location %}
+        </div>
+    </div>
+    {% include 'inc/tenancy_form_panel.html' %}
+    {% include 'inc/extras_features_edit_form_fields.html' %}
+{% endblock %}

nautobot/ipam/templates/ipam/namespace_vrfs.html

@@ -4,7 +4,7 @@
 
 {% block content %}
     <div class="row">
-        <div class="col-md-12">
+        <div class="col-lg-12">
             {% include 'utilities/obj_table.html' with table=vrf_table table_template='panel_table.html' heading='VRFs' bulk_edit_url='ipam:vrf_bulk_edit' bulk_delete_url='ipam:vrf_bulk_delete' %}
         </div>
     </div>

nautobot/ipam/templates/ipam/prefix_create.html

@@ -2,9 +2,9 @@
 {% load form_helpers %}
 
 {% block form %}
-    <div class="panel panel-default">
-        <div class="panel-heading"><strong>Prefix</strong></div>
-        <div class="panel-body">
+    <div class="card">
+        <div class="card-header"><strong>Prefix</strong></div>
+        <div class="card-body">
             {% render_field form.prefix %}
             {% render_field form.namespace %}
             {% render_field form.type %}
@@ -15,15 +15,15 @@
             {% render_field form.description %}
         </div>
     </div>
-    <div class="panel panel-default">
-        <div class="panel-heading"><strong>VRF Assignment</strong></div>
-        <div class="panel-body">
+    <div class="card">
+        <div class="card-header"><strong>VRF Assignment</strong></div>
+        <div class="card-body">
             {% render_field form.vrfs %}
         </div>
     </div>
-    <div class="panel panel-default">
-        <div class="panel-heading"><strong>Location/VLAN Assignment</strong></div>
-        <div class="panel-body">
+    <div class="card">
+        <div class="card-header"><strong>Location/VLAN Assignment</strong></div>
+        <div class="card-body">
             {% render_field form.locations %}
             {% render_field form.vlan_group %}
             {% render_field form.vlan %}

nautobot/ipam/templates/ipam/prefix_list.html

@@ -2,19 +2,20 @@
 {% load helpers %}
 
 {% block buttons %}
-    <div class="btn-group" role="group">
-        <div class="dropdown">
-            <button class="btn btn-default dropdown-toggle" type="button" id="max_length" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
-                Max Length{% if "prefix_length__lte" in request.GET %}: {{ request.GET.prefix_length__lte }}{% endif %}
-                <span class="caret"></span>
-            </button>
-            <ul class="dropdown-menu" aria-labelledby="max_length">
-                {% for i in "4,8,12,16,20,24,28,32,40,48,56,64"|split %}
-                    <li><a href="{% url 'ipam:prefix_list' %}{% legacy_querystring request prefix_length__lte=i page=1 %}">
-                        {{ i }} {% if request.GET.prefix_length__lte == i %}<i class="mdi mdi-check-bold"></i>{% endif %}
-                    </a></li>
-                {% endfor %}
-            </ul>
-        </div>
+    <div class="dropdown">
+        <button class="btn btn-secondary dropdown-toggle" type="button" id="max_length" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+            Max Length{% if "prefix_length__lte" in request.GET %}: {{ request.GET.prefix_length__lte }}{% endif %}
+            <span class="mdi mdi-chevron-down"></span>
+        </button>
+        <ul class="dropdown-menu" aria-labelledby="max_length">
+            {% for i in "4,8,12,16,20,24,28,32,40,48,56,64"|split %}
+                <li>
+                    <a class="dropdown-item"
+                       href="{% url 'ipam:prefix_list' %}{% legacy_querystring request prefix_length__lte=i page=1 %}">
+                        {{ i }} {% if request.GET.prefix_length__lte == i %}<span class="mdi mdi-check-bold"></span>{% endif %}
+                    </a>
+                </li>
+            {% endfor %}
+        </ul>
     </div>
 {% endblock %}

nautobot/ipam/templates/ipam/prefix_retrieve.html

@@ -1,3 +1,2 @@
-
 {% extends 'generic/object_retrieve.html' %}
 {% load helpers %}

nautobot/ipam/templates/ipam/vlan.html

@@ -1,2 +1,2 @@
 {% extends 'generic/object_retrieve.html' %}
-{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}
+{% comment %}3.0 TODO: remove this template, which only exists for backward compatibility with 2.4 and earlier{% endcomment %}

nautobot/ipam/templates/ipam/vlan_interfaces.html

@@ -2,7 +2,7 @@
 
 {% block content %}
     <div class="row">
-        <div class="col-md-12">
+        <div class="col-lg-12">
             {% include 'utilities/obj_table.html' with table=members_table table_template='panel_table.html' heading='Device Interfaces' parent=vlan %}
         </div>
     </div>