From 3b16908f89ed54f2234101adccdf875736f47a38 Mon Sep 17 00:00:00 2001
From: Pyry Koivisto <pyry.koivisto@mavericks.fi>
Date: Thu, 26 Oct 2023 17:00:20 +0300
Subject: [PATCH] YKI(Frontend): Show complete text on desktop and limited text
 on mobile.

---
 .../examSession/PublicExamSessionListing.tsx  | 43 +++++++++++--------
 1 file changed, 25 insertions(+), 18 deletions(-)

diff --git a/frontend/packages/yki/src/components/registration/examSession/PublicExamSessionListing.tsx b/frontend/packages/yki/src/components/registration/examSession/PublicExamSessionListing.tsx
index 3a23be9734..13e719fb0c 100644
--- a/frontend/packages/yki/src/components/registration/examSession/PublicExamSessionListing.tsx
+++ b/frontend/packages/yki/src/components/registration/examSession/PublicExamSessionListing.tsx
@@ -31,25 +31,32 @@ const DisplayedRowsLabel = ({
   count: number;
 }) => {
   const translateCommon = useCommonTranslation();
-
-  return (
-    <p
-      aria-label={translateCommon(
-        'component.table.pagination.displayedRowsAriaLabel',
-        {
-          from,
-          to,
-          count,
-        }
-      )}
-    >
-      {translateCommon('component.table.pagination.displayedRowsLabel', {
-        from,
-        to,
-        count,
-      })}
-    </p>
+  const { isPhone } = useWindowProperties();
+  const fullLabelText = translateCommon(
+    'component.table.pagination.displayedRowsAriaLabel',
+    {
+      from,
+      to,
+      count,
+    }
   );
+
+  if (isPhone) {
+    return (
+      <>
+        <p className="display-none">{fullLabelText}</p>
+        <p aria-hidden="true">
+          {translateCommon('component.table.pagination.displayedRowsLabel', {
+            from,
+            to,
+            count,
+          })}
+        </p>
+      </>
+    );
+  } else {
+    return fullLabelText;
+  }
 };
 
 export const PublicExamSessionsTable = ({