Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Switch arrow unicode characters (https://github.com/woocommerce/woocommerce-blocks/pull/4364) 

* Switch arrow unicode characters

* flip arrow with css
This commit is contained in:
Mike Jolley 2021-07-12 12:32:45 +01:00 committed by GitHub
parent f735f698e0
commit 870a8c0b93
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/woocommerce-blocks/assets/js/base/components/pagination/index.js
View File

@ -58,7 +58,7 @@ const Pagination = ( {
/>
{ displayNextAndPreviousArrows && (
<button
className="wc-block-pagination-page wc-block-components-pagination__page"
className="wc-block-pagination-page wc-block-components-pagination__page wc-block-pagination-page--arrow"
onClick={ () => onPageChange( currentPage - 1 ) }
title={ __(
'Previous page',
@ -67,7 +67,7 @@ const Pagination = ( {
disabled={ currentPage <= 1 }
>
<Label
label="<"
label="&larr;"
screenReaderLabel={ __(
'Previous page',
'woo-gutenberg-products-block'
@ -175,13 +175,13 @@ const Pagination = ( {
) }
{ displayNextAndPreviousArrows && (
<button
className="wc-block-pagination-page wc-block-components-pagination__page"
className="wc-block-pagination-page wc-block-components-pagination__page wc-block-pagination-page--arrow"
onClick={ () => onPageChange( currentPage + 1 ) }
title={ __( 'Next page', 'woo-gutenberg-products-block' ) }
disabled={ currentPage >= totalPages }
>
<Label
label=">"
label="&rarr;"
screenReaderLabel={ __(
'Next page',
'woo-gutenberg-products-block'

5
plugins/woocommerce-blocks/assets/js/base/components/pagination/style.scss
View File

@ -49,3 +49,8 @@
opacity: 1 !important;
}
}
html[dir="rtl"] .wc-block-pagination-page--arrow span {
display: inline-block;
transform: scale(-1, 1);
}