From 6415776da9ee5567cca03b08224749c030fc86d9 Mon Sep 17 00:00:00 2001
From: Paul Holden <paulh@moodle.com>
Date: Tue, 8 Jul 2025 09:11:49 +0100
Subject: [PATCH] MDL-85944 block_myoverview: specific styling for "My courses"
 page.

---
 blocks/myoverview/templates/main.mustache |  2 --
 theme/boost/scss/moodle/core.scss         | 21 +++++++++++++++------
 theme/boost/style/moodle.css              |  8 ++++++--
 theme/classic/style/moodle.css            |  8 ++++++--
 4 files changed, 27 insertions(+), 12 deletions(-)

diff --git a/blocks/myoverview/templates/main.mustache b/blocks/myoverview/templates/main.mustache
index af259d78292..e539301fbed 100644
--- a/blocks/myoverview/templates/main.mustache
+++ b/blocks/myoverview/templates/main.mustache
@@ -24,8 +24,6 @@
 }}
 
 <div id="block-myoverview-{{uniqid}}" class="block-myoverview block-cards" data-region="myoverview" role="navigation">
-    <hr class="mt-0"/>
-
     <div role="search" data-region="filter" class="d-flex align-items-center my-2" aria-label="{{#str}} aria:controls, block_myoverview {{/str}}">
         <div class="d-flex g-0">
             {{> block_myoverview/nav-grouping-selector }}
diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index 0620ddfa6c2..4d6ef807f52 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -2940,13 +2940,22 @@ body.dragging {
     }
 }
 
-.drawers {
+.page-mycourses {
     .block_myoverview {
-        border: 0;
-        & > .card-body {
-            padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
-            padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
-            padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
+        .block-cards {
+            border-top: 1px solid $border-color;
+            padding-top: map-get($spacers, 2);
+        }
+        // Boost theme styling only (drawers not used in classic).
+        .drawers {
+            .block_myoverview {
+                border: 0;
+                & > .card-body {
+                    padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
+                    padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+                    padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
+                }
+            }
         }
     }
 }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index c307fcacf62..43a976f5627 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -28417,10 +28417,14 @@ body.dragging .dragging {
   padding-left: calc(1rem * 3);
 }
 
-.drawers .block_myoverview {
+.page-mycourses .block_myoverview .block-cards {
+  border-top: 1px solid #dee2e6;
+  padding-top: 0.5rem;
+}
+.page-mycourses .block_myoverview .drawers .block_myoverview {
   border: 0;
 }
-.drawers .block_myoverview > .card-body {
+.page-mycourses .block_myoverview .drawers .block_myoverview > .card-body {
   padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 069bb70e5bd..a58cf9fbbfa 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -28417,10 +28417,14 @@ body.dragging .dragging {
   padding-left: calc(1rem * 3);
 }
 
-.drawers .block_myoverview {
+.page-mycourses .block_myoverview .block-cards {
+  border-top: 1px solid #dee2e6;
+  padding-top: 0.5rem;
+}
+.page-mycourses .block_myoverview .drawers .block_myoverview {
   border: 0;
 }
-.drawers .block_myoverview > .card-body {
+.page-mycourses .block_myoverview .drawers .block_myoverview > .card-body {
   padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
   padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
   padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
-- 
2.43.0