mirror of
https://github.com/moodle/moodle.git
synced 2025-04-22 17:02:03 +02:00
Merge branch 'MDL-63830-master' of git://github.com/bmbrands/moodle
This commit is contained in:
commit
a954485ef5
@ -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 }}
|
||||
|
@ -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">
|
||||
|
@ -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}}
|
||||
|
@ -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>
|
||||
|
@ -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">
|
||||
|
@ -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
|
||||
|
@ -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 }}
|
||||
|
@ -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 }}
|
||||
|
@ -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>
|
@ -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>
|
||||
|
@ -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 }}
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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 }}
|
||||
|
@ -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>
|
||||
|
@ -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.';
|
||||
|
BIN
pix/i/star.png
BIN
pix/i/star.png
Binary file not shown.
Before Width: | Height: | Size: 392 B After Width: | Height: | Size: 390 B |
@ -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 |
@ -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,
|
||||
|
@ -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"],
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user