[PR #6013] [CLOSED] Closes #5429: Paginator on top of tables #13089

Closed
opened 2025-12-29 22:25:20 +01:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/netbox-community/netbox/pull/6013
Author: @cpmills1975
Created: 3/18/2021
Status: Closed

Base: developHead: 5429-top-pagination


📝 Commits (1)

  • f36041f Add paginator to top of lists.

📊 Changes

9 files changed (+67 additions, -61 deletions)

View changed files

📝 netbox/project-static/css/base.css (+1 -6)
📝 netbox/templates/circuits/provider.html (+1 -1)
📝 netbox/templates/dcim/connections_list.html (+6 -6)
📝 netbox/templates/dcim/rack_elevation_list.html (+5 -5)
📝 netbox/templates/extras/object_changelog.html (+1 -1)
📝 netbox/templates/extras/tag.html (+1 -1)
📝 netbox/templates/generic/object_list.html (+33 -24)
📝 netbox/templates/inc/paginator.html (+18 -16)
📝 netbox/templates/utilities/obj_table.html (+1 -1)

📄 Description

Fixes: #5429

  • I've re-worked the structure of the top of the page to show the page buttons right aligned with the table.
  • I've restructured the grids on the page such that the bottom paginator controls are always right aligned with the table. There are a few side effects to this.
    • The responsiveness of the application as a whole is, IMO, better - especially for small screens.
    • The select all n objects confirmation no longer pushes the table below the sidebar (an unreported bug?)
    • For some very wide (e.g. 4K) screen widths, the side bar now appears a bit large. This will be trivial to fix by using the col-xxl-* classes from Bootstrap 5 (when implemented in #5893) or could be back-ported to the NetBox CSS now. I stopped short of doing this as part of this change)

Screenshot 2021-03-18 at 22 12 21

Screenshot 2021-03-18 at 22 12 43

Screenshot 2021-03-18 at 22 15 10

Screenshot 2021-03-18 at 22 13 11


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/netbox-community/netbox/pull/6013 **Author:** [@cpmills1975](https://github.com/cpmills1975) **Created:** 3/18/2021 **Status:** ❌ Closed **Base:** `develop` ← **Head:** `5429-top-pagination` --- ### 📝 Commits (1) - [`f36041f`](https://github.com/netbox-community/netbox/commit/f36041f738f9b64c0fa47d217235017913591206) Add paginator to top of lists. ### 📊 Changes **9 files changed** (+67 additions, -61 deletions) <details> <summary>View changed files</summary> 📝 `netbox/project-static/css/base.css` (+1 -6) 📝 `netbox/templates/circuits/provider.html` (+1 -1) 📝 `netbox/templates/dcim/connections_list.html` (+6 -6) 📝 `netbox/templates/dcim/rack_elevation_list.html` (+5 -5) 📝 `netbox/templates/extras/object_changelog.html` (+1 -1) 📝 `netbox/templates/extras/tag.html` (+1 -1) 📝 `netbox/templates/generic/object_list.html` (+33 -24) 📝 `netbox/templates/inc/paginator.html` (+18 -16) 📝 `netbox/templates/utilities/obj_table.html` (+1 -1) </details> ### 📄 Description <!-- Thank you for your interest in contributing to NetBox! Please note that our contribution policy requires that a feature request or bug report be opened for approval prior to filing a pull request. This helps avoid wasting time and effort on something that we might not be able to accept. Please indicate the relevant feature request or bug report below. IF YOUR PULL REQUEST DOES NOT REFERENCE AN ACCEPTED BUG REPORT OR FEATURE REQUEST, IT WILL BE MARKED AS INVALID AND CLOSED. --> ### Fixes: #5429 <!-- Please include a summary of the proposed changes below. --> * I've re-worked the structure of the top of the page to show the page buttons right aligned with the table. * I've restructured the grids on the page such that the bottom paginator controls are always right aligned with the table. There are a few side effects to this. * The responsiveness of the application as a whole is, IMO, better - especially for small screens. * The select all n objects confirmation no longer pushes the table below the sidebar (an unreported bug?) * For some very wide (e.g. 4K) screen widths, the side bar now appears a bit large. This will be trivial to fix by using the col-xxl-* classes from Bootstrap 5 (when implemented in #5893) or could be back-ported to the NetBox CSS now. I stopped short of doing this as part of this change) ![Screenshot 2021-03-18 at 22 12 21](https://user-images.githubusercontent.com/1878544/111704729-891ead80-8837-11eb-970a-693f1d959eba.png) ![Screenshot 2021-03-18 at 22 12 43](https://user-images.githubusercontent.com/1878544/111704773-9471d900-8837-11eb-9754-8696426567fc.png) ![Screenshot 2021-03-18 at 22 15 10](https://user-images.githubusercontent.com/1878544/111704683-799f6480-8837-11eb-9048-16e747d56ac4.png) ![Screenshot 2021-03-18 at 22 13 11](https://user-images.githubusercontent.com/1878544/111704552-3b09aa00-8837-11eb-847f-a8d1527a91c4.png) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2025-12-29 22:25:20 +01:00
adam closed this issue 2025-12-29 22:25:21 +01:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#13089