aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/PaginationCursor/PaginationCursor.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/PaginationCursor/PaginationCursor.tsx')
-rw-r--r--src/components/PaginationCursor/PaginationCursor.tsx18
1 files changed, 10 insertions, 8 deletions
diff --git a/src/components/PaginationCursor/PaginationCursor.tsx b/src/components/PaginationCursor/PaginationCursor.tsx
index a8c6265..3b0c15f 100644
--- a/src/components/PaginationCursor/PaginationCursor.tsx
+++ b/src/components/PaginationCursor/PaginationCursor.tsx
@@ -12,6 +12,16 @@ const PaginationCursor = ({
return (
<div className={styles.wrapper}>
+ <div className={styles.info}>
+ {intl.formatMessage(
+ {
+ defaultMessage:
+ '{articlesCount, plural, =0 {# loaded articles} one {# loaded article} other {# loaded articles}} out of a total of {total}',
+ description: 'PaginationCursor: loaded articles count message',
+ },
+ { articlesCount: current, total }
+ )}
+ </div>
<progress
className={styles.bar}
max={total}
@@ -23,14 +33,6 @@ const PaginationCursor = ({
'Number of articles loaded out of the total available.',
description: 'PaginationCursor: loaded articles count aria-label',
})}
- title={intl.formatMessage(
- {
- defaultMessage:
- '{articlesCount, plural, =0 {# articles} one {# article} other {# articles}} out of a total of {total}',
- description: 'PaginationCursor: loaded articles count message',
- },
- { articlesCount: current, total }
- )}
></progress>
</div>
);