MDL-64376 block_recentlyaccessedcourses: only centre courses on overflow

Only centre the courses in the div if they are overflowing the container
otherwise they should be left aligned.

diff --git a/blocks/recentlyaccessedcourses/amd/build/main.min.js b/blocks/recentlyaccessedcourses/amd/build/main.min.js
index a5bf1e2..e76490a 100644 (file)
Binary files a/blocks/recentlyaccessedcourses/amd/build/main.min.js and b/blocks/recentlyaccessedcourses/amd/build/main.min.js differ

diff --git a/blocks/recentlyaccessedcourses/amd/src/main.js b/blocks/recentlyaccessedcourses/amd/src/main.js
index 203b1a0..6a3ca16 100644 (file)
--- a/blocks/recentlyaccessedcourses/amd/src/main.js
+++ b/blocks/recentlyaccessedcourses/amd/src/main.js
@@ -211,6 +211,15 @@ define(
                 return carry + course.attr('data-course-id');
             }, '');
 
+            // Centre the courses if we have an overflow of courses.
+            if (allCourses.length > coursesToShow.length) {
+                container.addClass('justify-content-center');
+                container.removeClass('justify-content-start');
+            } else {
+                container.removeClass('justify-content-center');
+                container.addClass('justify-content-start');
+            }
+
             // Don't bother updating the DOM unless the visible courses have changed.
             if (visibleCoursesId != newVisibleCoursesId) {
                 var pagingBar = root.find(PagedContentPagingBar.rootSelector);