From 264c286a637fc66f3d3e935dca063ea570e12b51 Mon Sep 17 00:00:00 2001
From: Jun Pataleta <jun@moodle.com>
Date: Fri, 2 Aug 2024 17:24:03 +0800
Subject: [PATCH] MDL-82677 theme: Set a background colour for page heading

* Set a background colour for the .page-header-headings class.
* Assign the .page-header-headings class to the maintenance mode
template's page header div.
---
 theme/boost/scss/moodle/core.scss          | 4 ++++
 theme/boost/style/moodle.css               | 4 ++++
 theme/boost/templates/maintenance.mustache | 2 +-
 theme/classic/style/moodle.css             | 4 ++++
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index a38d069ce7c..ba04a378647 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -3127,6 +3127,10 @@ blockquote {
     border-left: 5px solid $gray-400;
 }
 
+.page-header-headings {
+    background-color: $body-bg;
+}
+
 /* Prevent long strings exceeding page width */
 .page-header-headings,
 .coursename,
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index fd262a604d2..e2b61308055 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -25953,6 +25953,10 @@ blockquote {
   border-left: 5px solid #ced4da;
 }
 
+.page-header-headings {
+  background-color: #fff;
+}
+
 /* Prevent long strings exceeding page width */
 .page-header-headings:not(.text-truncate),
 .coursename:not(.text-truncate),
diff --git a/theme/boost/templates/maintenance.mustache b/theme/boost/templates/maintenance.mustache
index 7cd0596cd9c..d3dc36eec2e 100644
--- a/theme/boost/templates/maintenance.mustache
+++ b/theme/boost/templates/maintenance.mustache
@@ -51,7 +51,7 @@
     <div id="page" class="container pb-3">
 
         <div class="row">
-            <div class="col-12 py-3">
+            <div class="col-12 py-3 page-header-headings">
                 {{{ output.page_heading }}}
             </div>
         </div>
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 6a4f70b2afe..ab8f7005992 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -25953,6 +25953,10 @@ blockquote {
   border-left: 5px solid #ced4da;
 }
 
+.page-header-headings {
+  background-color: #fff;
+}
+
 /* Prevent long strings exceeding page width */
 .page-header-headings:not(.text-truncate),
 .coursename:not(.text-truncate),