Skip to content
This repository was archived by the owner on Sep 30, 2025. It is now read-only.

Commit 3ddeb94

Browse files
authored
[Pagination] Update height (#11221)
### WHY are these changes introduced? Pagination when in table mode is currently 36px, whereas it should be 40px. ### 🎩 checklist - [x] Tested a [snapshot](https://github.com/Shopify/polaris/blob/main/documentation/Releasing.md#-snapshot-releases) - [x] Tested on [mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing) - [x] Tested on [multiple browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers) - [x] Tested for [accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md) - [x] Updated the component's `README.md` with documentation changes - [x] [Tophatted documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md) changes in the style guide
1 parent ec008ed commit 3ddeb94

File tree

2 files changed

+6
-1
lines changed

2 files changed

+6
-1
lines changed

.changeset/strange-rats-shake.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@shopify/polaris': minor
3+
---
4+
5+
Updated Pagination to be correct height of 40px when in the table variant

polaris-react/src/components/Pagination/Pagination.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
border-top: 1px solid var(--p-color-border);
2828

2929
button {
30-
--button-min-height: var(--p-space-600);
30+
--button-min-height: var(--p-height-700);
3131
background-color: var(--p-color-bg-surface-secondary);
3232
min-height: var(--button-min-height);
3333
min-width: var(--button-min-height);

0 commit comments

Comments
 (0)