utopia-ai
/
HR-ATS-Portal
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Inbox: tidy the queue pagination 

The stacked pager read as three loose rows with 'of N' printed twice.
Queue-scoped: drop the duplicate page-size total (the Showing line
already carries it), wrap page-controls with even gaps, and slim the
page buttons so all nine nav controls (4 chevrons + up to 5 numbers)
fit the ~350px split column on one row.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
pull/57/head
Talha Ahmed 2026-09-02 19:20:49 +05:00
parent 2e66c91d63
commit ef8d77ccfe
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/styles/styles.css
View File

@ -1072,12 +1072,27 @@ canvas { width: 100%; max-width: 100%; display: block; }
overflow: visible;
}
.inbox-queue .page-info { width: 100%; }
.inbox-queue .page-controls { flex-wrap: wrap; }
/* "of N" repeats the Showing line one row up — drop it in the queue column. */
.inbox-queue .page-size-total { display: none; }
.inbox-queue .page-size { margin-right: 0; }
.inbox-queue .page-controls {
flex-wrap: wrap;
justify-content: space-between;
row-gap: 8px;
}
.inbox-queue .page-nav {
justify-content: flex-start;
flex: 1 1 100%;
width: 100%;
flex: 1 1 auto;
width: auto;
min-width: 0;
flex-wrap: wrap;
gap: 3px;
row-gap: 4px;
}
.inbox-queue .page-nums { flex-wrap: wrap; gap: 3px; row-gap: 4px; }
/* Slimmer buttons: nine controls (4 chevrons + up to 5 numbers) fit the
~350px split column on one row. */
.inbox-queue .page-btn { min-width: 31px; height: 31px; padding: 0 6px; }
.inbox-bulk-bar {
display: flex;
align-items: center;