mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-25 10:26:17 +02:00
Code Issues Projects Releases Wiki Activity

MDL-64099 message: Make collapsible headers bold

Browse Source
This commit is contained in:
Bas Brands 2018-11-22 17:22:05 +01:00 committed by Ryan Wyllie
parent 986d1a20f6
commit dfd6eec2b4
6 changed files with 23 additions and 4 deletions
message/templates
message_drawer_view_overview_section.mustache
theme
boost
scss/moodle
message.scss
style
moodle.css
bootstrapbase
less/moodle
message.less
style
moodle.css
templates/core_message
message_drawer_view_overview_section.mustache

4
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>
</div>

6
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;

2
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 {

6
theme/bootstrapbase/less/moodle/message.less

@ -1268,6 +1268,12 @@
text-decoration: none;
color: inherit;
}
.btn-link {
&:hover,
&:focus {
text-decoration: none;
}
}
.message {
p {

4
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;
}

5
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>
</div>