estel/netbox
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

Merge pull request #20393 from netbox-community/20390-pagination-dropdown
Some checks failed
CodeQL / Analyze (actions) (push) Has been cancelled
Details
CodeQL / Analyze (javascript-typescript) (push) Has been cancelled
Details
CodeQL / Analyze (python) (push) Has been cancelled
Details

Browse Source 
Fixes #20390: Fix styling of pagination dropdown menu
This commit is contained in:
bctiemann
2025-09-22 07:15:53 -04:00
committed by GitHub
parent 0fac8e671e c8b30270a8
commit a437931aef
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
netbox/templates/inc/paginator.html
View File

@@ -79,21 +79,23 @@
{# /Showing #} {# /Showing #}
{# Pagination options #} {# Pagination options #}
<nav class="text-end" aria-label="{% trans "Pagination options" %}"> <nav aria-label="{% trans "Pagination options" %}">
{% if page %} {% if page %}
<div class="dropdown"> <div class="dropdown dropdown-menu-end">
<button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown"> <button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
{% trans "Per Page" %} {% trans "Per Page" %}
</button> </button>
<div class="dropdown-menu"> <ul class="dropdown-menu">
{% for n in page.paginator.get_page_lengths %} {% for n in page.paginator.get_page_lengths %}
{% if htmx %} <li>
<a href="#" hx-get="{{ table.htmx_url }}{% querystring request per_page=n %}" class="dropdown-item">{{ n }}</a> {% if htmx %}
{% else %} <a href="#" hx-get="{{ table.htmx_url }}{% querystring request per_page=n %}" class="dropdown-item">{{ n }}</a>
<a href="{% querystring request per_page=n %}" class="dropdown-item">{{ n }}</a> {% else %}
{% endif %} <a href="{% querystring request per_page=n %}" class="dropdown-item">{{ n }}</a>
{% endif %}
</li>
{% endfor %} {% endfor %}
</div> </ul>
</div> </div>
{% endif %} {% endif %}
</nav> </nav>