Update page selector (#59284)

jameskoster · jasmussen · getdave · commit afff73480890 · 2024-02-27T11:40:47.000Z
Unlinked contributors: pablohoneyhoney.

Co-authored-by: jameskoster &lt;jameskoster@git.wordpress.org&gt;
Co-authored-by: jasmussen &lt;joen@git.wordpress.org&gt;
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;
 }

Original file line number	Diff line number	Diff line change
`@@ -38,6 +38,13 @@`
`38`	`38`	`color: $gray-700;`
`39`	`39`	`}`
`40`	`40`
	`41`	`+.dataviews-pagination__page-selection {`
	`42`	`+ font-size: 11px;`
	`43`	`+ text-transform: uppercase;`
	`44`	`+ font-weight: 500;`
	`45`	`+ color: $gray-900;`
	`46`	`+}`
	`47`	`+`
`41`	`48`	`.dataviews-filters-options {`
`42`	`49`	`margin: $grid-unit-40 0 $grid-unit-20;`
`43`	`50`	`}`