Update page selector (#59284)

Unlinked contributors: pablohoneyhoney. Co-authored-by: jameskoster <jameskoster@git.wordpress.org> Co-authored-by: jasmussen <joen@git.wordpress.org>
WordPress · Feb 27, 2024 · afff734 · afff734
1 parent 3bf1514
commit afff734
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/dataviews/src/pagination.js b/packages/dataviews/src/pagination.js
@@ -27,7 +27,12 @@ const Pagination = memo( function Pagination( {
 				justify="end"
 				className="dataviews-pagination"
 			>
-				<HStack justify="flex-start" expanded={ false } spacing={ 2 }>
+				<HStack
+					justify="flex-start"
+					expanded={ false }
+					spacing={ 2 }
+					className="dataviews-pagination__page-selection"
+				>
 					{ createInterpolateElement(
 						sprintf(
 							// translators: %s: Total number of pages.

diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss
@@ -38,6 +38,13 @@
 	color: $gray-700;
 }
 
+.dataviews-pagination__page-selection {
+	font-size: 11px;
+	text-transform: uppercase;
+	font-weight: 500;
+	color: $gray-900;
+}
+
 .dataviews-filters-options {
 	margin: $grid-unit-40 0 $grid-unit-20;
 }