MDL-63830 block_myoverview: text colour course names

Using same card HTMl for recently accessed courses
This commit is contained in:
Bas Brands 2018-11-05 16:03:54 +01:00
parent 1a97254201
commit 97593c37d8
6 changed files with 53 additions and 17 deletions

View File

@ -43,7 +43,7 @@
<div class="{{#hasprogress}}col-md-6 span6{{/hasprogress}}{{^hasprogress}}col-md-11 span11{{/hasprogress}} d-flex align-items-center">
<div class="d-block">
{{> core_course/favouriteicon }}
<a href="{{viewurl}}">
<a href="{{viewurl}}" class="coursename">
<span class="sr-only">{{#str}}aria:coursename, core_course{{/str}}</span>
{{{fullname}}}
</a>

View File

@ -36,19 +36,22 @@
<div class="card-deck dashboard-card-deck" role="list">
{{#courses}}
<div class="card dashboard-card" role="listitem">
<a href="{{viewurl}}" title="{{fullname}}">
<div class="card-img-top dashboard-card-img" style='background-image: url("{{{courseimage}}}");'>
<a href="{{viewurl}}" tabindex="-1">
<div class="card-img dashboard-card-img" style='background-image: url("{{{courseimage}}}");'>
<span class="sr-only">{{#str}}aria:courseimage, core_course{{/str}}</span>
</div>
<div class="card-body pr-1 course-info-container">
<div class="d-flex">
<div class="card-title d-inline-block text-truncate">
{{> core_course/favouriteicon }}
{{{fullname}}}
</div>
</a>
<div class="card-body pr-1 course-info-container" id="course-info-container-{{id}}-{{uniqid}}">
<div class="d-flex align-items-start">
<div class="card-title mb-0 mr-2">
{{> core_course/favouriteicon }}
<a href="{{viewurl}}" class="coursename">
<span class="sr-only">{{#str}}aria:coursename, core_course{{/str}}</span>
{{#shortentext}}40, {{{fullname}}} {{/shortentext}}
</a>
</div>
</div>
</a>
</div>
</div>
{{/courses}}
</div>

View File

@ -104,7 +104,7 @@ $card-gutter : $card-deck-margin * 2;
.card .coursemenubtn {
margin-top: -0.5rem;
}
a,
a.coursename,
.btn-link {
color: inherit;
}

View File

@ -11165,7 +11165,9 @@ div.editor_atto_toolbar button .icon {
.block_recentlyaccessedcourses .icon {
margin-right: 0; }
.block_myoverview .icon.fa-star,
.block_starredcourses .icon.fa-star {
.block_starredcourses .icon.fa-star,
.block_recentlyaccesseditems .icon.fa-star,
.block_recentlyaccessedcourses .icon.fa-star {
color: #1177d1; }
.block_myoverview .card .coursemenubtn, .block_myoverview #page-enrol-users #filterform .coursemenubtn, #page-enrol-users .block_myoverview #filterform .coursemenubtn, .block_myoverview .que .history .coursemenubtn, .que .block_myoverview .history .coursemenubtn, .block_myoverview .userprofile .profile_tree section .coursemenubtn, .userprofile .profile_tree .block_myoverview section .coursemenubtn, .block_myoverview .groupinfobox .coursemenubtn, .block_myoverview .well .coursemenubtn,
@ -11177,16 +11179,34 @@ div.editor_atto_toolbar button .icon {
.block_starredcourses .userprofile .profile_tree section .coursemenubtn,
.userprofile .profile_tree .block_starredcourses section .coursemenubtn,
.block_starredcourses .groupinfobox .coursemenubtn,
.block_starredcourses .well .coursemenubtn {
.block_starredcourses .well .coursemenubtn,
.block_recentlyaccesseditems .card .coursemenubtn,
.block_recentlyaccesseditems #page-enrol-users #filterform .coursemenubtn,
#page-enrol-users .block_recentlyaccesseditems #filterform .coursemenubtn,
.block_recentlyaccesseditems .que .history .coursemenubtn,
.que .block_recentlyaccesseditems .history .coursemenubtn,
.block_recentlyaccesseditems .userprofile .profile_tree section .coursemenubtn,
.userprofile .profile_tree .block_recentlyaccesseditems section .coursemenubtn,
.block_recentlyaccesseditems .groupinfobox .coursemenubtn,
.block_recentlyaccesseditems .well .coursemenubtn,
.block_recentlyaccessedcourses .card .coursemenubtn,
.block_recentlyaccessedcourses #page-enrol-users #filterform .coursemenubtn,
#page-enrol-users .block_recentlyaccessedcourses #filterform .coursemenubtn,
.block_recentlyaccessedcourses .que .history .coursemenubtn,
.que .block_recentlyaccessedcourses .history .coursemenubtn,
.block_recentlyaccessedcourses .userprofile .profile_tree section .coursemenubtn,
.userprofile .profile_tree .block_recentlyaccessedcourses section .coursemenubtn,
.block_recentlyaccessedcourses .groupinfobox .coursemenubtn,
.block_recentlyaccessedcourses .well .coursemenubtn {
margin-top: -0.5rem; }
.block_myoverview a,
.block_myoverview a.coursename,
.block_myoverview .btn-link,
.block_starredcourses a,
.block_starredcourses a.coursename,
.block_starredcourses .btn-link,
.block_recentlyaccesseditems a,
.block_recentlyaccesseditems a.coursename,
.block_recentlyaccesseditems .btn-link,
.block_recentlyaccessedcourses a,
.block_recentlyaccessedcourses a.coursename,
.block_recentlyaccessedcourses .btn-link {
color: inherit; }

View File

@ -295,6 +295,9 @@
.card .coursemenubtn {
margin-top: -0.5rem;
}
a.coursename {
color: @textColor;
}
@media (max-width: 576px) {
.summaryimage {

View File

@ -16250,13 +16250,23 @@ body {
max-width: 100%;
}
.block_starredcourses img.icon,
.block_recentlyaccesseditems img.icon,
.block_recentlyaccessedcourses img.icon,
.block_myoverview img.icon {
padding: 0;
}
.block_starredcourses .card .coursemenubtn,
.block_recentlyaccesseditems .card .coursemenubtn,
.block_recentlyaccessedcourses .card .coursemenubtn,
.block_myoverview .card .coursemenubtn {
margin-top: -0.5rem;
}
.block_starredcourses a.coursename,
.block_recentlyaccesseditems a.coursename,
.block_recentlyaccessedcourses a.coursename,
.block_myoverview a.coursename {
color: #333;
}
@media (max-width: 576px) {
.block_starredcourses .summaryimage,
.block_recentlyaccesseditems .summaryimage,