diff --git a/packages/edit-site/src/components/dataviews/pagination.js b/packages/edit-site/src/components/dataviews/pagination.js index bd6cb503653b0..c0da514195417 100644 --- a/packages/edit-site/src/components/dataviews/pagination.js +++ b/packages/edit-site/src/components/dataviews/pagination.js @@ -11,6 +11,7 @@ import { } from '@wordpress/components'; import { createInterpolateElement } from '@wordpress/element'; import { sprintf, __, _x, _n } from '@wordpress/i18n'; +import { chevronRight, chevronLeft, previous, next } from '@wordpress/icons'; const PAGE_SIZE_VALUES = [ 5, 20, 50 ]; function PageSizeControl( { view, onChangeView } ) { @@ -78,9 +79,8 @@ function Pagination( { onClick={ () => onChangeView( { ...view, page: 0 } ) } disabled={ view.page === 0 } aria-label={ __( 'First page' ) } - > - « - + icon={ previous } + /> + icon={ chevronLeft } + /> = totalPages - 1 } aria-label={ __( 'Next page' ) } - > - › - + icon={ chevronRight } + /> + icon={ next } + /> ) } diff --git a/packages/edit-site/src/components/dataviews/style.scss b/packages/edit-site/src/components/dataviews/style.scss index 47e80782255a4..24723cb1e3884 100644 --- a/packages/edit-site/src/components/dataviews/style.scss +++ b/packages/edit-site/src/components/dataviews/style.scss @@ -3,6 +3,12 @@ padding: $grid-unit-40; } +.dataviews-pagination { + position: sticky; + bottom: $grid-unit-20; + background: $white; +} + .dataviews-list-view { width: 100%; text-indent: 0;