From bac3ffbe794466823a1d28516d24258b49ce72e9 Mon Sep 17 00:00:00 2001
From: Sara Arjona <sara@moodle.com>
Date: Tue, 17 Oct 2023 08:01:28 +0200
Subject: [PATCH] MDL-77364 myoverview: Display course name tooltip

Based on the feedback given by the UX team:
- The text has been increased to display more (50 vs 55).
- A tooltip has been added to display the full course name on hover,
following the accessibility guidelines.
---
 blocks/myoverview/templates/view-cards.mustache | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/blocks/myoverview/templates/view-cards.mustache b/blocks/myoverview/templates/view-cards.mustache
index e45b3237322..7c46df6f04d 100644
--- a/blocks/myoverview/templates/view-cards.mustache
+++ b/blocks/myoverview/templates/view-cards.mustache
@@ -26,7 +26,7 @@
                 "name": "Assignment due 1",
                 "viewurl": "https://moodlesite/course/view.php?id=2",
                 "courseimage": "https://moodlesite/pluginfile/123/course/overviewfiles/123.jpg",
-                "fullname": "course 3",
+                "fullname": "Course 3 for \"Statistical and Computational Tools\" ",
                 "hasprogress": true,
                 "progress": 10,
                 "coursecategory": "Category 1",
@@ -50,8 +50,11 @@
         {{/hasprogress}}
     {{/progress}}
     {{$coursename}}
-        <span class="multiline">
-            {{#shortentext}}50, {{{fullname}}} {{/shortentext}}
+        <span class="multiline" title="{{fullname}}">
+            <span class="sr-only">{{{fullname}}}</span>
+            <span aria-hidden="true">
+                {{#shortentext}}55, {{{fullname}}} {{/shortentext}}
+            </span>
         </span>
     {{/coursename}}
     {{$coursecategory}}