From 96bdb4bd304076afcde157e23d9b6f85a7cfd636 Mon Sep 17 00:00:00 2001
From: Dani Palou <dani@moodle.com>
Date: Wed, 10 May 2023 09:17:43 +0200
Subject: [PATCH] MOBILE-4270 h5p: Display ellipsis in attempts tables headers

---
 .../mod/h5pactivity/pages/user-attempts/user-attempts.html  | 2 +-
 .../mod/h5pactivity/pages/user-attempts/user-attempts.scss  | 5 +++++
 .../h5pactivity/pages/users-attempts/users-attempts.scss    | 6 ++++++
 .../mod/h5pactivity/pages/users-attempts/users-attempts.ts  | 1 +
 4 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.scss

diff --git a/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.html b/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.html
index 0f628b053..b174ad52c 100644
--- a/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.html
+++ b/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.html
@@ -65,7 +65,7 @@
 <!-- Template to render a list of conversations. -->
 <ng-template #attemptsTemplate let-attempts="attempts">
     <!-- "Header" of the table -->
-    <ion-item class="ion-text-wrap addon-mod_h5pactivity-table-header hide-detail" detail="true">
+    <ion-item class="addon-mod_h5pactivity-table-header hide-detail" detail="true">
         <ion-label>
             <ion-row class="ion-align-items-center">
                 <ion-col class="ion-text-center">#</ion-col>
diff --git a/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.scss b/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.scss
index 82ba0a46c..eee2a95b4 100644
--- a/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.scss
+++ b/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.scss
@@ -1,6 +1,11 @@
 :host {
     .addon-mod_h5pactivity-table-header {
         font-weight: bold;
+
+        ion-col {
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
     }
 
     .addon-mod_h5pactivity-table-row .addon-mod_h5pactivity-table-success-col {
diff --git a/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.scss b/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.scss
new file mode 100644
index 000000000..4f70d0bdd
--- /dev/null
+++ b/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.scss
@@ -0,0 +1,6 @@
+:host {
+    .addon-mod_h5pactivity-table-header ion-col {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+}
diff --git a/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts b/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts
index 5a211d616..cf977abbf 100644
--- a/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts
+++ b/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts
@@ -32,6 +32,7 @@ import {
 @Component({
     selector: 'page-addon-mod-h5pactivity-users-attempts',
     templateUrl: 'users-attempts.html',
+    styleUrls: ['users-attempts.scss'],
 })
 export class AddonModH5PActivityUsersAttemptsPage implements OnInit {