From 0586f1c2040dd6d27e6f8d482ff1a117d72731cd 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 2bb620ebc92..4be37bc3000 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -3062,6 +3062,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 ae6f748b20b..30085bf24fe 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -26025,6 +26025,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 f02544c7eee..4742ff7d64c 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -26025,6 +26025,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),