Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix pagination controls on narrow screens #379

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
+13 −2
Open

Fix pagination controls on narrow screens #379

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
# Precise UI Changelog

## 2.1.14

- Fix crumbled pagination controls on narrow screens

## 2.1.13

- Fix WCAG error: Empty table header in case of JSX element
2 changes: 1 addition & 1 deletion package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "precise-ui",
"version": "2.1.13",
"version": "2.1.14",
"description": "Precise UI React component library powered by Styled Components.",
"keywords": [
"react",
6 changes: 6 additions & 0 deletions src/components/Pagination/__snapshots__/index.test.tsx.snap
View file
Original file line number Diff line number Diff line change
@@ -128,6 +128,9 @@ exports[`<Pagination /> should be able to use a custom host 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
@@ -678,6 +681,9 @@ exports[`<Pagination /> should be able to use an in-built host 1`] = `
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
1 change: 1 addition & 0 deletions src/components/PaginationBar/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -30,6 +30,7 @@ function getPages(itemsPerPage: number, total: number) {

const ControlsContainer = styled.div`
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-left: auto;
align-items: center;