fix: manually override pagination sizes (#21424)

mirror of https://github.com/coder/coder.git synced 2026-09-21 12:44:32 +08:00

Closes #21260

Pagination buttons could overflow their container on narrower pages
(e.g. audit / logs) because the page button was effectively fixed-width.
This updates the pagination button styling to allow it to expand with
its content (`min-w-8 w-auto`), preventing overflow while keeping the
same icon-button look.

| Previously | Now |
| --- | --- | 
| <img width="451" height="118" alt="pagination-old-treatment"
src="https://github.com/user-attachments/assets/ae77e604-89fb-4dc3-9233-d103494e1906"
/> | <img width="451" height="118" alt="pagination-new-treatment"
src="https://github.com/user-attachments/assets/5a948d8a-4643-4eff-95b9-4c2852850447"
/> |

This commit is contained in:

Jake Howell

2026-01-06 23:46:04 +00:00

committed by

GitHub

parent fa561bcd0a

commit c3e3249a2a

1 changed files with 1 additions and 0 deletions

									
										site/src/components/PaginationWidget/PageButtons.tsx
									
		+1
		
												View File
												
				@@ -74,6 +74,7 @@ const BasePageButton: FC<BasePageButtonProps> = ({

							name={name}

							disabled={disabled}

							onClick={onClick}

							className="min-w-8 w-auto"

						>

							{children}

						</Button>