From dfd6eec2b4b943b52ab2bf1a9bfd75e9fa3106d8 Mon Sep 17 00:00:00 2001
From: Bas Brands <bas@moodle.com>
Date: Thu, 22 Nov 2018 17:22:05 +0100
Subject: [PATCH] MDL-64099 message: Make collapsible headers bold

---
 .../templates/message_drawer_view_overview_section.mustache | 4 ++--
 theme/boost/scss/moodle/message.scss                        | 6 ++++++
 theme/boost/style/moodle.css                                | 2 ++
 theme/bootstrapbase/less/moodle/message.less                | 6 ++++++
 theme/bootstrapbase/style/moodle.css                        | 4 ++++
 .../message_drawer_view_overview_section.mustache           | 5 +++--
 6 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/message/templates/message_drawer_view_overview_section.mustache b/message/templates/message_drawer_view_overview_section.mustache
index a36c27e7e4c..b0e1135cff3 100644
--- a/message/templates/message_drawer_view_overview_section.mustache
+++ b/message/templates/message_drawer_view_overview_section.mustache
@@ -53,7 +53,7 @@
             <span class="expanded-icon-container">
                 {{#pix}} t/expanded, core {{/pix}}
             </span>
-            {{$title}}{{/title}}
+            <span class="font-weight-bold">{{$title}}{{/title}}</span>
             <span class="hidden ml-1" data-region="section-total-count-container">
                 (<span data-region="section-total-count">{{count.total}}</span>)
             </span>
@@ -73,4 +73,4 @@
             data-parent="#message-drawer-view-overview-container"
         {{/rootattributes}}
     {{/ core_message/message_drawer_lazy_load_list }}
-</div>
\ No newline at end of file
+</div>
diff --git a/theme/boost/scss/moodle/message.scss b/theme/boost/scss/moodle/message.scss
index 5106a4c6a1d..593f58c06db 100644
--- a/theme/boost/scss/moodle/message.scss
+++ b/theme/boost/scss/moodle/message.scss
@@ -1269,6 +1269,12 @@ $message-drawer-width: 320px;
     .btn-link {
         color: inherit;
     }
+    .btn-link {
+        &:hover,
+        &:focus {
+            text-decoration: none;
+        }
+    }
 
     .icon {
         margin-right: 0;
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index a6d4da70e15..d1dcffeb2ca 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -14133,6 +14133,8 @@ a.ygtvspacer:hover {
   .message-drawer a,
   .message-drawer .btn-link {
     color: inherit; }
+  .message-drawer .btn-link:hover, .message-drawer .btn-link:focus {
+    text-decoration: none; }
   .message-drawer .icon {
     margin-right: 0; }
   .message-drawer .overview-section-toggle .collapsed-icon-container {
diff --git a/theme/bootstrapbase/less/moodle/message.less b/theme/bootstrapbase/less/moodle/message.less
index df95549d377..e9b56dd1119 100644
--- a/theme/bootstrapbase/less/moodle/message.less
+++ b/theme/bootstrapbase/less/moodle/message.less
@@ -1268,6 +1268,12 @@
         text-decoration: none;
         color: inherit;
     }
+    .btn-link {
+        &:hover,
+        &:focus {
+            text-decoration: none;
+        }
+    }
 
     .message {
         p {
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
index 7d95adddb04..ac617aee2c8 100644
--- a/theme/bootstrapbase/style/moodle.css
+++ b/theme/bootstrapbase/style/moodle.css
@@ -9180,6 +9180,10 @@ a.ygtvspacer:hover {
   text-decoration: none;
   color: inherit;
 }
+.message-drawer .btn-link:hover,
+.message-drawer .btn-link:focus {
+  text-decoration: none;
+}
 .message-drawer .message p {
   margin: 0;
 }
diff --git a/theme/bootstrapbase/templates/core_message/message_drawer_view_overview_section.mustache b/theme/bootstrapbase/templates/core_message/message_drawer_view_overview_section.mustache
index 69b32f7435a..28ce1fef979 100644
--- a/theme/bootstrapbase/templates/core_message/message_drawer_view_overview_section.mustache
+++ b/theme/bootstrapbase/templates/core_message/message_drawer_view_overview_section.mustache
@@ -35,6 +35,7 @@
     adding ".in" to ".show"
     adding .accordion-group to the main container div
     adding expanded to the .accordion-group if required for toggle icons to work.
+    changing span.font-weight-bold to strong
 
     Example context (json):
     {}
@@ -59,7 +60,7 @@
             <span class="expanded-icon-container">
                 {{#pix}} t/expanded, core {{/pix}}
             </span>
-            {{$title}}{{/title}}
+            <strong>{{$title}}{{/title}}</strong>
             <span class="hidden ml-1" data-region="section-total-count-container">
                 (<span data-region="section-total-count">{{count.total}}</span>)
             </span>
@@ -79,4 +80,4 @@
             data-parent="#message-drawer-view-overview-container"
         {{/rootattributes}}
     {{/ core_message/message_drawer_lazy_load_list }}
-</div>
\ No newline at end of file
+</div>