moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-05 08:56:36 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
Download patch file Download diff file Expand all files Collapse all files

4
message/templates/message_drawer_view_overview_section.mustache
View file

@ -53,7 +53,7 @@
<span class="expanded-icon-container"> <span class="expanded-icon-container">
{{#pix}} t/expanded, core {{/pix}} {{#pix}} t/expanded, core {{/pix}}
</span> </span>
{{$title}}{{/title}} <span class="font-weight-bold">{{$title}}{{/title}}</span>
<span class="hidden ml-1" data-region="section-total-count-container"> <span class="hidden ml-1" data-region="section-total-count-container">
(<span data-region="section-total-count">{{count.total}}</span>) (<span data-region="section-total-count">{{count.total}}</span>)
</span> </span>
@ -73,4 +73,4 @@
data-parent="#message-drawer-view-overview-container" data-parent="#message-drawer-view-overview-container"
{{/rootattributes}} {{/rootattributes}}
{{/ core_message/message_drawer_lazy_load_list }} {{/ core_message/message_drawer_lazy_load_list }}
</div> </div>

6
theme/boost/scss/moodle/message.scss
View file

@ -1269,6 +1269,12 @@ $message-drawer-width: 320px;
.btn-link { .btn-link {
color: inherit; color: inherit;
} }
.btn-link {
&:hover,
&:focus {
text-decoration: none;
}
}
.icon { .icon {
margin-right: 0; margin-right: 0;

2
theme/boost/style/moodle.css
View file

@ -14133,6 +14133,8 @@ a.ygtvspacer:hover {
.message-drawer a, .message-drawer a,
.message-drawer .btn-link { .message-drawer .btn-link {
color: inherit; } color: inherit; }
.message-drawer .btn-link:hover, .message-drawer .btn-link:focus {
text-decoration: none; }
.message-drawer .icon { .message-drawer .icon {
margin-right: 0; } margin-right: 0; }
.message-drawer .overview-section-toggle .collapsed-icon-container { .message-drawer .overview-section-toggle .collapsed-icon-container {

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

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

4
theme/bootstrapbase/style/moodle.css
View file

@ -9180,6 +9180,10 @@ a.ygtvspacer:hover {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
} }
.message-drawer .btn-link:hover,
.message-drawer .btn-link:focus {
text-decoration: none;
}
.message-drawer .message p { .message-drawer .message p {
margin: 0; margin: 0;
} }

5
theme/bootstrapbase/templates/core_message/message_drawer_view_overview_section.mustache
View file

@ -35,6 +35,7 @@
adding ".in" to ".show" adding ".in" to ".show"
adding .accordion-group to the main container div adding .accordion-group to the main container div
adding expanded to the .accordion-group if required for toggle icons to work. adding expanded to the .accordion-group if required for toggle icons to work.
changing span.font-weight-bold to strong
Example context (json): Example context (json):
{} {}
@ -59,7 +60,7 @@
<span class="expanded-icon-container"> <span class="expanded-icon-container">
{{#pix}} t/expanded, core {{/pix}} {{#pix}} t/expanded, core {{/pix}}
</span> </span>
{{$title}}{{/title}} <strong>{{$title}}{{/title}}</strong>
<span class="hidden ml-1" data-region="section-total-count-container"> <span class="hidden ml-1" data-region="section-total-count-container">
(<span data-region="section-total-count">{{count.total}}</span>) (<span data-region="section-total-count">{{count.total}}</span>)
</span> </span>
@ -79,4 +80,4 @@
data-parent="#message-drawer-view-overview-container" data-parent="#message-drawer-view-overview-container"
{{/rootattributes}} {{/rootattributes}}
{{/ core_message/message_drawer_lazy_load_list }} {{/ core_message/message_drawer_lazy_load_list }}
</div> </div>