Merge branch 'MDL-63830-master' of git://github.com/bmbrands/moodle

This commit is contained in:
Jun Pataleta 2018-11-09 12:07:05 +08:00
commit a954485ef5
24 changed files with 174 additions and 719 deletions

View File

@ -23,7 +23,7 @@
{}
}}
<div id="block-myoverview-{{uniqid}}" class="block-myoverview" data-region="myoverview" role="navigation">
<div id="block-myoverview-{{uniqid}}" class="block-myoverview block-cards" data-region="myoverview" role="navigation">
<div data-region="filter" class="d-flex align-items-center flex-wrap" aria-label="{{#str}} aria:controls, block_myoverview {{/str}}">
{{> block_myoverview/nav-grouping-selector }}

View File

@ -25,7 +25,7 @@
}
}}
<div class="progress">
<div class="progress bg-white border">
<div class="progress-bar bar" role="progressbar" aria-valuenow="{{progress}}" style="width: {{progress}}%" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="small">

View File

@ -42,22 +42,22 @@
<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>
{{> core_course/favouriteicon }}
</div>
</a>
<div class="card-body pr-1 course-info-container" id="course-info-container-{{id}}">
<div class="d-flex align-items-start">
<div class="card-title mr-2">
<a href="{{viewurl}}">
<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}}
{{#shortentext}}30, {{{fullname}}} {{/shortentext}}
</a>
</div>
{{> block_myoverview/course-action-menu }}
</div>
</div>
{{#hasprogress}}
<div class="card-footer dashboard-card-footer">
<div class="card-footer dashboard-card-footer border-0 bg-white">
{{> block_myoverview/progress-bar}}
</div>
{{/hasprogress}}

View File

@ -40,21 +40,21 @@
data-region="course-content"
data-course-id="{{{id}}}">
<div class="row-fluid">
<div class="{{#hasprogress}}col-6 span6{{/hasprogress}}{{^hasprogress}}col-11 span11{{/hasprogress}} p-l-0">
<div class="d-flex align-items-center">
<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>
</div>
</div>
{{#hasprogress}}
<div class="col-5 span5">
<div class="col-md-5 span5 pt-1">
{{> block_myoverview/progress-bar}}
</div>
{{/hasprogress}}
<div class="col-1 span1 p-0 d-flex">
<div class="col-md-1 span1 p-0 d-flex">
{{> block_myoverview/course-action-menu }}
</div>
</div>

View File

@ -39,21 +39,22 @@
<div class="course-summaryitem m-b-1 p-2" role="listitem"
data-region="course-content"
data-course-id="{{{id}}}">
<div class="row-fluid d-flex">
<a href="{{viewurl}}" class="col-sm-4 col-xl-3 span4 position-relative" tabindex="-1">
<div class="position-absolute">
{{> core_course/favouriteicon }}
</div>
<div class="card-img-top summaryimage" style='background-image: url("{{{courseimage}}}");'>
<div class="d-flex">
<a href="{{viewurl}}" tabindex="-1">
<div class="summaryimage rounded-circle m-r-1" style='background-image: url("{{{courseimage}}}");'>
<span class="sr-only">{{#str}}aria:courseimage, core_course{{/str}}</span>
</div>
</a>
<div class="col-sm-8 col-xl-9 span8 align-self-stretch d-flex flex-column">
<div class="d-flex">
<a href="{{viewurl}}">
<span class="sr-only">{{#str}}aria:coursename, core_course{{/str}}</span>
<h4>{{{fullname}}}</h4>
</a>
<div class="align-self-stretch d-flex flex-column w-100">
<div class="d-flex mb-1">
<div class="d-block">
{{> core_course/favouriteicon }}
<a href="{{viewurl}}" class="coursename">
<span class="sr-only">{{#str}}aria:coursename, core_course{{/str}}</span>
<h4 class="d-inline">{{{fullname}}}</h4>
</a>
</div>
{{> block_myoverview/course-action-menu }}
</div>
<div class="summary">

View File

@ -30,7 +30,6 @@ Feature: The my overview block allows users to favourite their courses
And I reload the page
Then "//div[@class='card dashboard-card' and contains(.,'Course 2')]//span[@data-region='is-favourite' and @aria-hidden='false']" "xpath_element" should exist
And "//div[@class='card dashboard-card' and contains(.,'Course 2')]//span[@data-region='is-favourite' and @aria-hidden='true']" "xpath_element" should not exist
And "//div[@class='card dashboard-card' and contains(.,'Course 2')]//span[@data-region='not-favourite' and @aria-hidden='true']" "xpath_element" should exist
And "//div[@class='card dashboard-card' and contains(.,'Course 1')]//span[@data-region='is-favourite' and @aria-hidden='true']" "xpath_element" should exist
And "//div[@class='card dashboard-card' and contains(.,'Course 3')]//span[@data-region='is-favourite' and @aria-hidden='true']" "xpath_element" should exist
And I log out
@ -45,7 +44,6 @@ Feature: The my overview block allows users to favourite their courses
And I reload the page
Then "//li[contains(concat(' ', normalize-space(@class), ' '), 'list-group-item') and contains(.,'Course 5')]//span[@data-region='is-favourite' and @aria-hidden='false']" "xpath_element" should exist
And "//li[contains(concat(' ', normalize-space(@class), ' '), 'list-group-item') and contains(.,'Course 5')]//span[@data-region='is-favourite' and @aria-hidden='true']" "xpath_element" should not exist
And "//li[contains(concat(' ', normalize-space(@class), ' '), 'list-group-item') and contains(.,'Course 5')]//span[@data-region='not-favourite' and @aria-hidden='true']" "xpath_element" should exist
And "//li[contains(concat(' ', normalize-space(@class), ' '), 'list-group-item') and contains(.,'Course 1')]//span[@data-region='is-favourite' and @aria-hidden='true']" "xpath_element" should exist
And "//li[contains(concat(' ', normalize-space(@class), ' '), 'list-group-item') and contains(.,'Course 3')]//span[@data-region='is-favourite' and @aria-hidden='true']" "xpath_element" should exist
And I log out
@ -60,7 +58,6 @@ Feature: The my overview block allows users to favourite their courses
And I reload the page
Then "//div[contains(concat(' ', normalize-space(@class), ' '), 'course-summaryitem') and contains(.,'Course 5')]//span[@data-region='is-favourite' and @aria-hidden='false']" "xpath_element" should exist
And "//div[contains(concat(' ', normalize-space(@class), ' '), 'course-summaryitem') and contains(.,'Course 5')]//span[@data-region='is-favourite' and @aria-hidden='true']" "xpath_element" should not exist
And "//div[contains(concat(' ', normalize-space(@class), ' '), 'course-summaryitem') and contains(.,'Course 5')]//span[@data-region='not-favourite' and @aria-hidden='true']" "xpath_element" should exist
And "//div[contains(concat(' ', normalize-space(@class), ' '), 'course-summaryitem') and contains(.,'Course 1')]//span[@data-region='is-favourite' and @aria-hidden='true']" "xpath_element" should exist
And "//div[contains(concat(' ', normalize-space(@class), ' '), 'course-summaryitem') and contains(.,'Course 3')]//span[@data-region='is-favourite' and @aria-hidden='true']" "xpath_element" should exist
And I log out

View File

@ -26,7 +26,7 @@
}
}}
<div id="block-recentlyaccessedcourses-{{uniqid}}" class="block-recentlyaccessedcourses" data-region="recentlyaccessedcourses"
<div id="block-recentlyaccessedcourses-{{uniqid}}" class="block-recentlyaccessedcourses block-cards" data-region="recentlyaccessedcourses"
data-userid="{{userid}}">
<div class="container-fluid p-0">
{{> block_recentlyaccessedcourses/recentlyaccessedcourses-view }}

View File

@ -29,7 +29,7 @@
data-nocoursesimgurl="{{nocoursesimgurl}}">
<div data-region="recentlyaccessedcourses-view-content">
<div data-region="recentlyaccessedcourses-loading-placeholder">
<div class="card-deck dashboard-card-deck">
<div class="card-deck dashboard-card-deck one-row">
{{> block_recentlyaccessedcourses/placeholder-course }}
{{> block_recentlyaccessedcourses/placeholder-course }}
{{> block_recentlyaccessedcourses/placeholder-course }}

View File

@ -33,22 +33,25 @@
}
}}
<div class="card-deck dashboard-card-deck" role="list">
<div class="card-deck dashboard-card-deck one-row" 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}}}");'>
<div class="card dashboard-card m-b-1" role="listitem">
<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>
{{>core_course/favouriteicon }}
</div>
<div class="card-body pr-1 course-info-container">
<div class="d-flex">
<div class="card-title d-inline-block text-truncate">
{{{fullname}}}
</div>
</div>
</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}}30, {{{fullname}}} {{/shortentext}}
</a>
</div>
</div>
</div>
</div>
{{/courses}}
</div>

View File

@ -23,7 +23,7 @@
{}
}}
<div id="block-recentlyaccesseditems-{{uniqid}}" class="block- recentlyaccesseditems" data-region="recentlyaccesseditems">
<div id="block-recentlyaccesseditems-{{uniqid}}" class="block-recentlyaccesseditems block-cards" data-region="recentlyaccesseditems">
<div class="container-fluid p-0">
{{> block_recentlyaccesseditems/recentlyaccesseditems-view }}
</div>

View File

@ -29,7 +29,7 @@
data-noitemsimgurl="{{noitemsimgurl}}">
<div data-region="recentlyaccesseditems-view-content">
<div data-region="recentlyaccesseditems-loading-placeholder">
<div class="card-deck dashboard-card-deck">
<div class="card-deck dashboard-card-deck one-row">
{{> block_recentlyaccesseditems/placeholder-item }}
{{> block_recentlyaccesseditems/placeholder-item }}
{{> block_recentlyaccesseditems/placeholder-item }}

View File

@ -40,21 +40,17 @@
}
}}
<div class="card-deck dashboard-card-deck" role="list">
<div class="card-deck dashboard-card-deck one-row" role="list">
{{#items}}
<a
class="card dashboard-card py-2 pl-0 pr-0"
href="{{{viewurl}}}"
title="{{name}}"
>
<a class="card dashboard-card m-b-1 py-2 coursename" href="{{{viewurl}}}">
<div class="card-body course-info-container">
<div class="d-flex">
<div class="icon-size-4 d-flex align-self-center">
<div class="d-flex text-truncate">
<div class="d-flex align-self-center">
{{{icon}}}
</div>
<div class="w-100 line-height-3 text-truncate ml-2">
<h6 class="mb-0">{{{name}}}</h6>
<small class="text-muted m-b-0">{{{coursename}}}</small>
<h6 class="mb-0 text-truncate">{{{name}}}</h6>
<small class="text-muted text-truncate m-b-0">{{{coursename}}}</small>
</div>
</div>
</div>

View File

@ -23,7 +23,7 @@
{}
}}
<div id="block-starredcourses-{{uniqid}}" class="block-starredcourses" data-region="starred-courses">
<div id="block-starredcourses-{{uniqid}}" class="block-starredcourses block-cards" data-region="starred-courses">
<div class="container-fluid p-0">
{{> block_starredcourses/view }}
</div>

View File

@ -26,21 +26,21 @@
]
}
}}
<div class="card-deck dashboard-card-deck" role="list">
<div class="card-deck dashboard-card-deck one-row" role="list">
{{#courses}}
<div class="card dashboard-card m-b-1" role="listitem">
<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>
{{>core_course/favouriteicon }}
</div>
</a>
<div class="card-body pr-1 course-info-container" id="course-info-container-{{id}}">
<div class="d-flex align-items-start">
<div class="card-title mr-2">
<a href="{{viewurl}}">
<div class="card-title mr-2 mb-0">
{{>core_course/favouriteicon }}
<a href="{{viewurl}}" class="coursename">
<span class="sr-only">{{#str}}aria:coursename, core_course{{/str}}</span>
{{#shortentext}}40, {{{fullname}}} {{/shortentext}}
{{#shortentext}}30, {{{fullname}}} {{/shortentext}}
</a>
</div>
</div>

View File

@ -29,7 +29,7 @@
data-nocoursesimg="{{nocoursesimg}}">
<div data-region="starred-courses-view-content">
<div data-region="starred-courses-loading-placeholder">
<div class="card-deck dashboard-card-deck">
<div class="card-deck dashboard-card-deck one-row">
{{> block_starredcourses/placeholder-course }}
{{> block_starredcourses/placeholder-course }}
{{> block_starredcourses/placeholder-course }}

View File

@ -25,25 +25,16 @@
"isfavourite": true
}
}}
<div id="favorite-icon-{{ id }}"
<span id="favorite-icon-{{ id }}-{{uniqid}}"
data-region="favourite-icon"
data-course-id="{{id}}"
>
<div class="btn btn-link favouritebtn p-2">
<span
{{^isfavourite}}class="hidden"{{/isfavourite}}
data-region="is-favourite"
aria-hidden="{{^isfavourite}}true{{/isfavourite}}{{#isfavourite}}false{{/isfavourite}}"
>
{{#pix}} i/star, core, {{#str}} favourite, core_course {{/str}} {{/pix}}
<span class="sr-only">{{#str}} aria:favourite, core_course {{/str}}</span>
</span>
<span
{{#isfavourite}}class="hidden"{{/isfavourite}}
data-region="not-favourite"
aria-hidden="{{^isfavourite}}false{{/isfavourite}}{{#isfavourite}}true{{/isfavourite}}"
>
{{#pix}} i/empty, core, {{#str}} notfavourite, core_course {{/str}} {{/pix}}
</span>
</div>
</div>
<span
class="{{^isfavourite}}hidden{{/isfavourite}}"
data-region="is-favourite"
aria-hidden="{{^isfavourite}}true{{/isfavourite}}{{#isfavourite}}false{{/isfavourite}}"
>
{{#pix}} i/star, core, {{#str}} favourite, core_course {{/str}} {{/pix}}
<span class="sr-only">{{#str}} aria:favourite, core_course {{/str}}</span>
</span>
</span>

View File

@ -26,7 +26,6 @@ $string['aria:courseimage'] = 'Course image:';
$string['aria:coursename'] = 'Course name:';
$string['aria:favourite'] = 'Course is starred';
$string['favourite'] = 'Starred course';
$string['notfavourite'] = 'Not starred';
$string['privacy:perpage'] = 'The number of courses to show per page.';
$string['privacy:completionpath'] = 'Course completion';
$string['privacy:metadata:completionsummary'] = 'The course contains completion information about the user.';

Binary file not shown.

Before

Width:  |  Height:  |  Size: 392 B

After

Width:  |  Height:  |  Size: 390 B

View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16pt" height="16pt" viewBox="0 0 16 16" version="1.1" preserveAspectRatio="xMinYMid meet">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16pt" height="16pt" viewBox="0 0 16 16" version="1.1">
<g id="surface1">
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(60%,60%,60%);fill-opacity:1;" d="M 15.429688 5.777344 C 15.429688 5.90625 15.351562 6.050781 15.195312 6.207031 L 11.957031 9.367188 L 12.722656 13.832031 C 12.730469 13.871094 12.730469 13.929688 12.730469 14.007812 C 12.730469 14.132812 12.699219 14.238281 12.636719 14.324219 C 12.574219 14.414062 12.484375 14.457031 12.367188 14.457031 C 12.253906 14.457031 12.132812 14.417969 12.007812 14.347656 L 8 12.242188 L 3.992188 14.347656 C 3.859375 14.417969 3.742188 14.457031 3.632812 14.457031 C 3.507812 14.457031 3.414062 14.414062 3.351562 14.324219 C 3.289062 14.238281 3.257812 14.132812 3.257812 14.007812 C 3.257812 13.972656 3.265625 13.914062 3.277344 13.832031 L 4.042969 9.367188 L 0.792969 6.207031 C 0.644531 6.042969 0.570312 5.902344 0.570312 5.777344 C 0.570312 5.554688 0.738281 5.417969 1.070312 5.367188 L 5.554688 4.714844 L 7.5625 0.652344 C 7.675781 0.40625 7.820312 0.285156 8 0.285156 C 8.179688 0.285156 8.324219 0.40625 8.4375 0.652344 L 10.445312 4.714844 L 14.929688 5.367188 C 15.261719 5.417969 15.429688 5.554688 15.429688 5.777344 Z M 15.429688 5.777344 "/>
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,43.921569%,65.882353%);fill-opacity:1;" d="M 15.429688 5.777344 C 15.429688 5.90625 15.351562 6.050781 15.195312 6.207031 L 11.957031 9.367188 L 12.722656 13.832031 C 12.730469 13.871094 12.730469 13.929688 12.730469 14.007812 C 12.730469 14.132812 12.699219 14.238281 12.636719 14.324219 C 12.574219 14.414062 12.484375 14.457031 12.367188 14.457031 C 12.253906 14.457031 12.132812 14.417969 12.007812 14.347656 L 8 12.242188 L 3.992188 14.347656 C 3.859375 14.417969 3.742188 14.457031 3.632812 14.457031 C 3.507812 14.457031 3.414062 14.414062 3.351562 14.324219 C 3.289062 14.238281 3.257812 14.132812 3.257812 14.007812 C 3.257812 13.972656 3.265625 13.914062 3.277344 13.832031 L 4.042969 9.367188 L 0.792969 6.207031 C 0.644531 6.042969 0.570312 5.902344 0.570312 5.777344 C 0.570312 5.554688 0.738281 5.417969 1.070312 5.367188 L 5.554688 4.714844 L 7.5625 0.652344 C 7.675781 0.40625 7.820312 0.285156 8 0.285156 C 8.179688 0.285156 8.324219 0.40625 8.4375 0.652344 L 10.445312 4.714844 L 14.929688 5.367188 C 15.261719 5.417969 15.429688 5.554688 15.429688 5.777344 Z M 15.429688 5.777344 "/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -81,10 +81,7 @@ $card-gutter : $card-deck-margin * 2;
height: 125px;
}
.block_myoverview,
.block_starredcourses,
.block_recentlyaccesseditems,
.block_recentlyaccessedcourses {
.block .block-cards {
.course-info-container {
padding: 0.8rem;
}
@ -97,8 +94,14 @@ $card-gutter : $card-deck-margin * 2;
}
.icon {
margin-right: 0;
&.fa-star {
color: $blue;
}
}
a,
.card .coursemenubtn {
margin-top: -0.5rem;
}
a.coursename,
.btn-link {
color: inherit;
}
@ -114,17 +117,14 @@ $card-gutter : $card-deck-margin * 2;
}
}
.block_starredcourses,
.block_recentlyaccesseditems,
.block_recentlyaccessedcourses {
.dashboard-card-deck {
flex-flow: nowrap;
overflow-y: scroll;
}
.dashboard-card-deck.one-row {
flex-flow: nowrap;
overflow-y: scroll;
}
.summaryimage {
height: 7rem;
width: 7rem;
background-position: center;
background-size: cover;
}
@ -211,6 +211,14 @@ body.drawer-open-left #region-main.has-blocks {
}
}
.block_recentlyaccesseditems {
img.icon {
height: auto;
width: auto;
margin-right: 6px;
}
}
// Show expand collapse with font-awesome.
.block_settings .block_tree [aria-expanded="true"],
.block_settings .block_tree [aria-expanded="true"].emptybranch,

View File

@ -11140,120 +11140,43 @@ div.editor_atto_toolbar button .icon {
.block .empty-placeholder-image-lg {
height: 125px; }
.block_myoverview .course-info-container,
.block_starredcourses .course-info-container,
.block_recentlyaccesseditems .course-info-container,
.block_recentlyaccessedcourses .course-info-container {
.block .block-cards .course-info-container {
padding: 0.8rem; }
.block_myoverview .progress,
.block_starredcourses .progress,
.block_recentlyaccesseditems .progress,
.block_recentlyaccessedcourses .progress {
.block .block-cards .progress {
height: 0.5rem; }
.block_myoverview .course-summaryitem,
.block_starredcourses .course-summaryitem,
.block_recentlyaccesseditems .course-summaryitem,
.block_recentlyaccessedcourses .course-summaryitem {
.block .block-cards .course-summaryitem {
border: 1px solid #dee2e6;
background-color: #fff; }
.block_myoverview .icon,
.block_starredcourses .icon,
.block_recentlyaccesseditems .icon,
.block_recentlyaccessedcourses .icon {
.block .block-cards .icon {
margin-right: 0; }
.block .block-cards .icon.fa-star {
color: #1177d1; }
.block_myoverview a,
.block_myoverview .btn-link,
.block_starredcourses a,
.block_starredcourses .btn-link,
.block_recentlyaccesseditems a,
.block_recentlyaccesseditems .btn-link,
.block_recentlyaccessedcourses a,
.block_recentlyaccessedcourses .btn-link {
.block .block-cards .card .coursemenubtn, .block .block-cards #page-enrol-users #filterform .coursemenubtn, #page-enrol-users .block .block-cards #filterform .coursemenubtn, .block .block-cards .que .history .coursemenubtn, .que .block .block-cards .history .coursemenubtn, .block .block-cards .userprofile .profile_tree section .coursemenubtn, .userprofile .profile_tree .block .block-cards section .coursemenubtn, .block .block-cards .groupinfobox .coursemenubtn, .block .block-cards .well .coursemenubtn {
margin-top: -0.5rem; }
.block .block-cards a.coursename,
.block .block-cards .btn-link {
color: inherit; }
.block_myoverview .btn.btn-link.btn-icon, .block_myoverview #page-grade-grading-manage .actions .btn-link.btn-icon.action, #page-grade-grading-manage .actions .block_myoverview .btn-link.btn-icon.action, .block_myoverview #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_myoverview input.btn-link.btn-icon, .block_myoverview #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .block_myoverview .btn-link.btn-icon.addcriterion,
.block_starredcourses .btn.btn-link.btn-icon,
.block_starredcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action,
#page-grade-grading-manage .actions .block_starredcourses .btn-link.btn-icon.action,
.block_starredcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_starredcourses input.btn-link.btn-icon,
.block_starredcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion,
#rubric-rubric.gradingform_rubric .block_starredcourses .btn-link.btn-icon.addcriterion,
.block_recentlyaccesseditems .btn.btn-link.btn-icon,
.block_recentlyaccesseditems #page-grade-grading-manage .actions .btn-link.btn-icon.action,
#page-grade-grading-manage .actions .block_recentlyaccesseditems .btn-link.btn-icon.action,
.block_recentlyaccesseditems #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccesseditems input.btn-link.btn-icon,
.block_recentlyaccesseditems #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion,
#rubric-rubric.gradingform_rubric .block_recentlyaccesseditems .btn-link.btn-icon.addcriterion,
.block_recentlyaccessedcourses .btn.btn-link.btn-icon,
.block_recentlyaccessedcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action,
#page-grade-grading-manage .actions .block_recentlyaccessedcourses .btn-link.btn-icon.action,
.block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccessedcourses input.btn-link.btn-icon,
.block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion,
#rubric-rubric.gradingform_rubric .block_recentlyaccessedcourses .btn-link.btn-icon.addcriterion {
.block .block-cards .btn.btn-link.btn-icon, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-link.btn-icon, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion {
height: 36px;
width: 36px;
padding: 0;
border-radius: 50%; }
.block_myoverview .btn.btn-link.btn-icon:hover, .block_myoverview #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover, #page-grade-grading-manage .actions .block_myoverview .btn-link.btn-icon.action:hover, .block_myoverview #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_myoverview input.btn-link.btn-icon:hover, .block_myoverview #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .block_myoverview .btn-link.btn-icon.addcriterion:hover, .block_myoverview .btn.btn-link.btn-icon:focus, .block_myoverview #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus, #page-grade-grading-manage .actions .block_myoverview .btn-link.btn-icon.action:focus, .block_myoverview #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_myoverview input.btn-link.btn-icon:focus, .block_myoverview #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .block_myoverview .btn-link.btn-icon.addcriterion:focus,
.block_starredcourses .btn.btn-link.btn-icon:hover,
.block_starredcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover,
#page-grade-grading-manage .actions .block_starredcourses .btn-link.btn-icon.action:hover,
.block_starredcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_starredcourses input.btn-link.btn-icon:hover,
.block_starredcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover,
#rubric-rubric.gradingform_rubric .block_starredcourses .btn-link.btn-icon.addcriterion:hover,
.block_starredcourses .btn.btn-link.btn-icon:focus,
.block_starredcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus,
#page-grade-grading-manage .actions .block_starredcourses .btn-link.btn-icon.action:focus,
.block_starredcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_starredcourses input.btn-link.btn-icon:focus,
.block_starredcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus,
#rubric-rubric.gradingform_rubric .block_starredcourses .btn-link.btn-icon.addcriterion:focus,
.block_recentlyaccesseditems .btn.btn-link.btn-icon:hover,
.block_recentlyaccesseditems #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover,
#page-grade-grading-manage .actions .block_recentlyaccesseditems .btn-link.btn-icon.action:hover,
.block_recentlyaccesseditems #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccesseditems input.btn-link.btn-icon:hover,
.block_recentlyaccesseditems #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover,
#rubric-rubric.gradingform_rubric .block_recentlyaccesseditems .btn-link.btn-icon.addcriterion:hover,
.block_recentlyaccesseditems .btn.btn-link.btn-icon:focus,
.block_recentlyaccesseditems #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus,
#page-grade-grading-manage .actions .block_recentlyaccesseditems .btn-link.btn-icon.action:focus,
.block_recentlyaccesseditems #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccesseditems input.btn-link.btn-icon:focus,
.block_recentlyaccesseditems #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus,
#rubric-rubric.gradingform_rubric .block_recentlyaccesseditems .btn-link.btn-icon.addcriterion:focus,
.block_recentlyaccessedcourses .btn.btn-link.btn-icon:hover,
.block_recentlyaccessedcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover,
#page-grade-grading-manage .actions .block_recentlyaccessedcourses .btn-link.btn-icon.action:hover,
.block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccessedcourses input.btn-link.btn-icon:hover,
.block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover,
#rubric-rubric.gradingform_rubric .block_recentlyaccessedcourses .btn-link.btn-icon.addcriterion:hover,
.block_recentlyaccessedcourses .btn.btn-link.btn-icon:focus,
.block_recentlyaccessedcourses #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus,
#page-grade-grading-manage .actions .block_recentlyaccessedcourses .btn-link.btn-icon.action:focus,
.block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus,
#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block_recentlyaccessedcourses input.btn-link.btn-icon:focus,
.block_recentlyaccessedcourses #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus,
#rubric-rubric.gradingform_rubric .block_recentlyaccessedcourses .btn-link.btn-icon.addcriterion:focus {
.block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action:hover, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-link.btn-icon:hover, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion:hover, .block .block-cards .btn.btn-link.btn-icon:focus, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action:focus, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-link.btn-icon:focus, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion:focus {
background-color: #e9ecef; }
.block_starredcourses .dashboard-card-deck,
.block_recentlyaccesseditems .dashboard-card-deck,
.block_recentlyaccessedcourses .dashboard-card-deck {
.dashboard-card-deck.one-row {
flex-flow: nowrap;
overflow-y: scroll; }
.summaryimage {
height: 7rem;
width: 7rem;
background-position: center;
background-size: cover; }
@ -11310,6 +11233,11 @@ div.editor_atto_toolbar button .icon {
margin-left: 0;
margin-right: 0; } }
.block_recentlyaccesseditems img.icon {
height: auto;
width: auto;
margin-right: 6px; }
.block_settings .block_tree [aria-expanded="true"],
.block_settings .block_tree [aria-expanded="true"].emptybranch,
.block_settings .block_tree [aria-expanded="false"],

View File

@ -254,100 +254,7 @@
}
}
@chart-size: 70px;
@doughnut-border-size: 15px;
@doughnut-dasharray: 173;
@doughnut-empty-colour: @grayLighter;
@doughnut-fill-colour: @orange;
.generate-percents(@i: 1) when (@i =< 100) {
&.percent-@{i} {
stroke-dashoffset: @doughnut-dasharray - (@i / 100 * @doughnut-dasharray);
}
.generate-percents((@i + 1));
}
.progress-chart-container {
height: @chart-size;
width: @chart-size;
.progress-doughnut {
position: relative;
height: @chart-size;
width: @chart-size;
background-clip: padding-box;
border: @doughnut-border-size solid @doughnut-empty-colour;
border-radius: 50%;
box-sizing: border-box;
.progress-text {
position: absolute;
top: 50%;
/*rtl:ignore*/
left: 50%;
transform: translate(-50%, -50%);
color: @doughnut-empty-colour;
&.has-percent {
color: @doughnut-fill-colour;
}
}
.progress-indicator {
position: absolute;
top: (@doughnut-border-size * -1);
left: (@doughnut-border-size * -1);
height: @chart-size;
width: @chart-size;
svg {
position: relative;
height: 100%;
width: 100%;
.circle {
stroke-width: @doughnut-border-size;
stroke: @doughnut-fill-colour;
fill: none;
stroke-dasharray: @doughnut-dasharray;
stroke-dashoffset: @doughnut-dasharray;
transform: rotate(-90deg);
transform-origin: center center;
.generate-percents();
}
}
}
}
.no-progress {
height: @chart-size;
width: @chart-size;
background-color: @doughnut-empty-colour;
border-radius: 50%;
position: relative;
.icon,
.smallicon {
position: absolute;
top: 50%;
/*rtl:ignore*/
left: 50%;
margin: 0;
padding: 0;
transform: translate(-45%, -45%);
color: #fff;
height: (@chart-size / 2);
width: (@chart-size / 2);
}
}
}
.block_starredcourses,
.block_recentlyaccesseditems,
.block_recentlyaccessedcourses,
.block_myoverview {
.block .block-cards {
.empty-placeholder-image-lg {
height: 125px;
}
@ -357,8 +264,6 @@
}
.dashboard-card-footer {
padding: 0.8rem;
background-color: @wellBackground;
border-top: 1px solid darken(@wellBackground, 7%);
.border-bottom-radius(@baseBorderRadius);
}
.progress {
@ -385,34 +290,27 @@
.summary img {
max-width: 100%;
}
@media (max-width: 576px) {
.summaryimage {
max-height: 7rem;
}
img.icon {
padding: 0;
}
.card .coursemenubtn {
margin-top: -0.5rem;
}
a.coursename {
color: @textColor;
}
}
.block_starredcourses,
.block_recentlyaccesseditems,
.block_recentlyaccessedcourses {
.dashboard-card-deck {
flex-flow: nowrap;
overflow-y: scroll;
}
.dashboard-card-deck.one-row {
flex-flow: nowrap;
overflow-y: scroll;
}
.block_recentlyaccesseditems {
.icon-size-4 .icon {
img.icon {
height: auto;
width: auto;
background-image: unset;
box-sizing: unset;
}
.icon-size-4 {
background-image: unset;
height: unset;
width: unset;
margin-right: 6px;
}
.ml-1 {
margin-left: 10px;
@ -488,6 +386,8 @@
.summaryimage {
height: 7rem;
width: 7rem;
.border-radius(50%);
background-position: center;
background-size: cover;
}

View File

@ -356,3 +356,17 @@
.mt-auto {
margin-top: auto;
}
.mr-2 {
margin-right: @baseFontSize / 2 !important;
}
.icon-size-3 {
height: 36px !important;
width: 36px !important;
img {
height: 16px !important;
width: 16px !important;
padding-right: 0;
}
}

View File

@ -16175,391 +16175,15 @@ body {
display: block;
width: 100%;
}
.progress-chart-container {
height: 70px;
width: 70px;
}
.progress-chart-container .progress-doughnut {
position: relative;
height: 70px;
width: 70px;
background-clip: padding-box;
border: 15px solid #eee;
border-radius: 50%;
box-sizing: border-box;
}
.progress-chart-container .progress-doughnut .progress-text {
position: absolute;
top: 50%;
/*rtl:ignore*/
left: 50%;
transform: translate(-50%, -50%);
color: #eee;
}
.progress-chart-container .progress-doughnut .progress-text.has-percent {
color: #f89406;
}
.progress-chart-container .progress-doughnut .progress-indicator {
position: absolute;
top: -15px;
left: -15px;
height: 70px;
width: 70px;
}
.progress-chart-container .progress-doughnut .progress-indicator svg {
position: relative;
height: 100%;
width: 100%;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle {
stroke-width: 15px;
stroke: #f89406;
fill: none;
stroke-dasharray: 173;
stroke-dashoffset: 173;
transform: rotate(-90deg);
transform-origin: center center;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-1 {
stroke-dashoffset: 171.27;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-2 {
stroke-dashoffset: 169.54;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-3 {
stroke-dashoffset: 167.81;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-4 {
stroke-dashoffset: 166.08;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-5 {
stroke-dashoffset: 164.35;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-6 {
stroke-dashoffset: 162.62;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-7 {
stroke-dashoffset: 160.89;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-8 {
stroke-dashoffset: 159.16;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-9 {
stroke-dashoffset: 157.43;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-10 {
stroke-dashoffset: 155.7;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-11 {
stroke-dashoffset: 153.97;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-12 {
stroke-dashoffset: 152.24;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-13 {
stroke-dashoffset: 150.51;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-14 {
stroke-dashoffset: 148.78;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-15 {
stroke-dashoffset: 147.05;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-16 {
stroke-dashoffset: 145.32;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-17 {
stroke-dashoffset: 143.59;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-18 {
stroke-dashoffset: 141.86;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-19 {
stroke-dashoffset: 140.13;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-20 {
stroke-dashoffset: 138.4;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-21 {
stroke-dashoffset: 136.67;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-22 {
stroke-dashoffset: 134.94;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-23 {
stroke-dashoffset: 133.21;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-24 {
stroke-dashoffset: 131.48;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-25 {
stroke-dashoffset: 129.75;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-26 {
stroke-dashoffset: 128.02;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-27 {
stroke-dashoffset: 126.29;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-28 {
stroke-dashoffset: 124.56;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-29 {
stroke-dashoffset: 122.83;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-30 {
stroke-dashoffset: 121.1;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-31 {
stroke-dashoffset: 119.37;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-32 {
stroke-dashoffset: 117.64;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-33 {
stroke-dashoffset: 115.91;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-34 {
stroke-dashoffset: 114.18;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-35 {
stroke-dashoffset: 112.45;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-36 {
stroke-dashoffset: 110.72;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-37 {
stroke-dashoffset: 108.99;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-38 {
stroke-dashoffset: 107.26;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-39 {
stroke-dashoffset: 105.53;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-40 {
stroke-dashoffset: 103.8;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-41 {
stroke-dashoffset: 102.07;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-42 {
stroke-dashoffset: 100.34;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-43 {
stroke-dashoffset: 98.61;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-44 {
stroke-dashoffset: 96.88;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-45 {
stroke-dashoffset: 95.15;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-46 {
stroke-dashoffset: 93.42;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-47 {
stroke-dashoffset: 91.69;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-48 {
stroke-dashoffset: 89.96;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-49 {
stroke-dashoffset: 88.23;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-50 {
stroke-dashoffset: 86.5;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-51 {
stroke-dashoffset: 84.77;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-52 {
stroke-dashoffset: 83.04;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-53 {
stroke-dashoffset: 81.31;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-54 {
stroke-dashoffset: 79.58;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-55 {
stroke-dashoffset: 77.85;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-56 {
stroke-dashoffset: 76.12;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-57 {
stroke-dashoffset: 74.39;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-58 {
stroke-dashoffset: 72.66;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-59 {
stroke-dashoffset: 70.93;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-60 {
stroke-dashoffset: 69.2;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-61 {
stroke-dashoffset: 67.47;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-62 {
stroke-dashoffset: 65.74;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-63 {
stroke-dashoffset: 64.01;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-64 {
stroke-dashoffset: 62.28;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-65 {
stroke-dashoffset: 60.55;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-66 {
stroke-dashoffset: 58.82;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-67 {
stroke-dashoffset: 57.09;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-68 {
stroke-dashoffset: 55.36;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-69 {
stroke-dashoffset: 53.63;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-70 {
stroke-dashoffset: 51.9;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-71 {
stroke-dashoffset: 50.17;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-72 {
stroke-dashoffset: 48.44;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-73 {
stroke-dashoffset: 46.71;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-74 {
stroke-dashoffset: 44.98;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-75 {
stroke-dashoffset: 43.25;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-76 {
stroke-dashoffset: 41.52;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-77 {
stroke-dashoffset: 39.79;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-78 {
stroke-dashoffset: 38.06;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-79 {
stroke-dashoffset: 36.33;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-80 {
stroke-dashoffset: 34.6;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-81 {
stroke-dashoffset: 32.87;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-82 {
stroke-dashoffset: 31.14;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-83 {
stroke-dashoffset: 29.41;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-84 {
stroke-dashoffset: 27.68;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-85 {
stroke-dashoffset: 25.95;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-86 {
stroke-dashoffset: 24.22;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-87 {
stroke-dashoffset: 22.49;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-88 {
stroke-dashoffset: 20.76;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-89 {
stroke-dashoffset: 19.03;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-90 {
stroke-dashoffset: 17.3;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-91 {
stroke-dashoffset: 15.57;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-92 {
stroke-dashoffset: 13.84;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-93 {
stroke-dashoffset: 12.11;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-94 {
stroke-dashoffset: 10.38;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-95 {
stroke-dashoffset: 8.65;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-96 {
stroke-dashoffset: 6.92;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-97 {
stroke-dashoffset: 5.19;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-98 {
stroke-dashoffset: 3.46;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-99 {
stroke-dashoffset: 1.73;
}
.progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-100 {
stroke-dashoffset: 0;
}
.progress-chart-container .no-progress {
height: 70px;
width: 70px;
background-color: #eee;
border-radius: 50%;
position: relative;
}
.progress-chart-container .no-progress .icon,
.progress-chart-container .no-progress .smallicon {
position: absolute;
top: 50%;
/*rtl:ignore*/
left: 50%;
margin: 0;
padding: 0;
transform: translate(-45%, -45%);
color: #fff;
height: 35px;
width: 35px;
}
.block_starredcourses .empty-placeholder-image-lg,
.block_recentlyaccesseditems .empty-placeholder-image-lg,
.block_recentlyaccessedcourses .empty-placeholder-image-lg,
.block_myoverview .empty-placeholder-image-lg {
.block .block-cards .empty-placeholder-image-lg {
height: 125px;
}
.block_starredcourses .course-info-container,
.block_recentlyaccesseditems .course-info-container,
.block_recentlyaccessedcourses .course-info-container,
.block_myoverview .course-info-container {
.block .block-cards .course-info-container {
flex: 1 1 auto;
padding: 0.8rem;
}
.block_starredcourses .dashboard-card-footer,
.block_recentlyaccesseditems .dashboard-card-footer,
.block_recentlyaccessedcourses .dashboard-card-footer,
.block_myoverview .dashboard-card-footer {
.block .block-cards .dashboard-card-footer {
padding: 0.8rem;
background-color: #f5f5f5;
border-top: 1px solid #e3e3e3;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
@ -16567,23 +16191,14 @@ body {
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.block_starredcourses .progress,
.block_recentlyaccesseditems .progress,
.block_recentlyaccessedcourses .progress,
.block_myoverview .progress {
.block .block-cards .progress {
height: 0.5rem;
margin-bottom: 0;
}
.block_starredcourses .list-group,
.block_recentlyaccesseditems .list-group,
.block_recentlyaccessedcourses .list-group,
.block_myoverview .list-group {
.block .block-cards .list-group {
margin: 0;
}
.block_starredcourses .course-listitem,
.block_recentlyaccesseditems .course-listitem,
.block_recentlyaccessedcourses .course-listitem,
.block_myoverview .course-listitem {
.block .block-cards .course-listitem {
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: 0.5rem;
@ -16593,10 +16208,7 @@ body {
-moz-border-radius: 4px;
border-radius: 4px;
}
.block_starredcourses .course-summaryitem,
.block_recentlyaccesseditems .course-summaryitem,
.block_recentlyaccessedcourses .course-summaryitem,
.block_myoverview .course-summaryitem {
.block .block-cards .course-summaryitem {
padding: 0.5rem;
background-color: #fff;
border: 1px solid #ddd;
@ -16604,36 +16216,26 @@ body {
-moz-border-radius: 4px;
border-radius: 4px;
}
.block_starredcourses .summary img,
.block_recentlyaccesseditems .summary img,
.block_recentlyaccessedcourses .summary img,
.block_myoverview .summary img {
.block .block-cards .summary img {
max-width: 100%;
}
@media (max-width: 576px) {
.block_starredcourses .summaryimage,
.block_recentlyaccesseditems .summaryimage,
.block_recentlyaccessedcourses .summaryimage,
.block_myoverview .summaryimage {
max-height: 7rem;
}
.block .block-cards img.icon {
padding: 0;
}
.block_starredcourses .dashboard-card-deck,
.block_recentlyaccesseditems .dashboard-card-deck,
.block_recentlyaccessedcourses .dashboard-card-deck {
.block .block-cards .card .coursemenubtn {
margin-top: -0.5rem;
}
.block .block-cards a.coursename {
color: #333;
}
.dashboard-card-deck.one-row {
flex-flow: nowrap;
overflow-y: scroll;
}
.block_recentlyaccesseditems .icon-size-4 .icon {
.block_recentlyaccesseditems img.icon {
height: auto;
width: auto;
background-image: unset;
box-sizing: unset;
}
.block_recentlyaccesseditems .icon-size-4 {
background-image: unset;
height: unset;
width: unset;
margin-right: 6px;
}
.block_recentlyaccesseditems .ml-1 {
margin-left: 10px;
@ -16710,6 +16312,10 @@ body {
}
.summaryimage {
height: 7rem;
width: 7rem;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-position: center;
background-size: cover;
}
@ -22280,3 +21886,15 @@ ul.indented-list {
.mt-auto {
margin-top: auto;
}
.mr-2 {
margin-right: 7px !important;
}
.icon-size-3 {
height: 36px !important;
width: 36px !important;
}
.icon-size-3 img {
height: 16px !important;
width: 16px !important;
padding-right: 0;
}