L-electron-Rare/moodle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

MDL-78284 theme: Add new interactive content and update styles

Browse Source
This commit is contained in:
Sara Arjona
2024-02-15 17:49:43 +01:00
parent 76474b6c59
commit 8cdd62ca88
44 changed files with 225 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocks/recentlyaccesseditems/templates/view-cards.mustache
+3 -2
View File
@@ -34,7 +34,8 @@
"name": "Forum",
"timeaccess": 1539848498,
"userid": 2,
"viewurl": "http://moodlesite/mod/forum?id=64"
"viewurl": "http://moodlesite/mod/forum?id=64",
"purpose": "assessment"
}
]
}
@@ -45,7 +46,7 @@
<a class="card dashboard-card mb-1" href="{{{viewurl}}}" title="{{{name}}}" role="listitem">
<div class="card-body p-2 m-1">
<div class="d-flex text-truncate">
<div class="d-flex align-self-center activityiconcontainer {{purpose}}">
<div class="d-flex align-self-center activityiconcontainer">
{{{icon}}}
</div>
<div class="w-100 line-height-3 text-truncate ml-2">
blocks/timeline/templates/event-list-item.mustache
+1 -1
View File
@@ -54,7 +54,7 @@
<small class="text-right text-nowrap align-self-center ml-1">
{{#userdate}} {{timesort}}, {{#str}} strftimetime24, core_langconfig {{/str}} {{/userdate}}
</small>
<div class="activityiconcontainer small {{purpose}} courseicon align-self-top align-self-center mx-3 mb-1 mb-sm-0 text-nowrap">
<div class="activityiconcontainer small courseicon align-self-top align-self-center mx-3 mb-1 mb-sm-0 text-nowrap">
{{#icon}}
{{#iconurl}}
<img alt="{{alttext}}" title="{{alttext}}" src="{{{ iconurl }}}" class="icon {{iconclass}}">
calendar/templates/upcoming_mini.mustache
+1 -1
View File
@@ -44,7 +44,7 @@
}} data-eventtype-{{normalisedeventtype}}="1"{{!
}} data-region="event-item"{{!
}}>
<div class="activityiconcontainer small {{{purpose}}} courseicon mr-3">
<div class="activityiconcontainer small courseicon mr-3">
{{#icon}}
{{#iconurl}}
<img alt="{{alttext}}" title="{{alttext}}" src="{{{ iconurl }}}" class="icon {{iconclass}}">
course/format/templates/local/content/cm/cmicon.mustache
+3 -3
View File
@@ -35,8 +35,8 @@
{{#url}}
{{#uservisible}}
<a href="{{url}}"
class="activity-icon activityiconcontainer smaller {{^branded}}{{purpose}}{{/branded}} btn btn-link courseicon align-self-start mr-2"
{{#showtooltip}}data-toggle="tooltip" title="{{{pluginname}}}" data-placement="top"{{/showtooltip}} {{branded}}
class="activity-icon activityiconcontainer smaller {{purpose}} {{#branded}}isbranded{{/branded}} btn btn-link courseicon align-self-start mr-2"
{{#showtooltip}}data-toggle="tooltip" title="{{{pluginname}}}" data-placement="top"{{/showtooltip}}
>
<img src="{{{icon}}}" class="activityicon {{iconclass}}"
alt="{{#cleanstr}} activityicon, moodle, {{{pluginname}}} {{/cleanstr}}"
@@ -44,7 +44,7 @@
</a>
{{/uservisible}}
{{^uservisible}}
<div class="activity-icon activityiconcontainer smaller {{^branded}}{{purpose}}{{/branded}} courseicon align-self-start mr-2">
<div class="activity-icon activityiconcontainer smaller {{purpose}} {{#branded}}isbranded{{/branded}} courseicon align-self-start mr-2">
<img src="{{{icon}}}" class="activityicon {{iconclass}}"
alt="{{#cleanstr}} activityicon, moodle, {{{pluginname}}} {{/cleanstr}}"
>
course/modedit.php
+1 -1
View File
@@ -230,7 +230,7 @@ if ($mform->is_cancelled()) {
$PAGE->activityheader->disable();
echo $OUTPUT->header();
echo $OUTPUT->heading_with_help($pageheading, '', $module->name, 'monologo');
echo $OUTPUT->heading_with_help($pageheading, '', $module->name);
$mform->display();
course/templates/activityinstance.mustache
+1 -1
View File
@@ -24,7 +24,7 @@
"activities": [{
"cmid": "4",
"modname": "Test activity",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/feedback/pix/monologo.png",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/feedback/pix/monologo.svg",
"completionstatus": {
"string": "Manual",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/pix/i/completion-manual-enabled.png"
course/templates/bulkactivitycompletion.mustache
+1 -1
View File
@@ -29,7 +29,7 @@
"activities": [{
"cmid": "4",
"modname": "Test activity",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/feedback/pix/monologo.png",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/feedback/pix/monologo.svg",
"completionstatus": {
"string": "Manual",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/pix/i/completion-manual-enabled.png"
course/templates/defaultactivitycompletion.mustache
+1 -1
View File
@@ -27,7 +27,7 @@
"id": "10",
"formattedname": "Assignment",
"canmanage": true,
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/assign/pix/monologo.png",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/assign/pix/monologo.svg",
"completionstatus": {
"string": "Manual",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/pix/i/completion-manual-enabled.png"
course/templates/editbulkactivitycompletion.mustache
+1 -1
View File
@@ -26,7 +26,7 @@
"activities": [{
"cmid": "4",
"modname": "Test activity",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/feedback/pix/monologo.png"
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/feedback/pix/monologo.svg"
}]
}
}}
course/templates/editdefaultcompletion.mustache
+1 -1
View File
@@ -26,7 +26,7 @@
"modules": [{
"id": "10",
"formattedname": "Assignment",
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/assign/pix/monologo.png"
"icon": "https://raw.githubusercontent.com/moodle/moodle/master/mod/assign/pix/monologo.svg"
}]
}
}}
course/templates/local/activitychooser/item.mustache
+1 -1
View File
@@ -35,7 +35,7 @@
<div class="optioninfo card-body d-flex flex-column text-center p-1" data-region="chooser-option-info-container">
<a class="d-flex flex-column justify-content-between flex-fill" href="{{link}}" title="{{#str}} addnew, moodle, {{title}} {{/str}}" tabindex="-1" data-action="add-chooser-option">
<div class="optionicon mt-2 mb-1 mx-auto icon-no-margin modicon_{{name}} activityiconcontainer smaller
{{^branded}} {{purpose}}{{/branded}}">
{{purpose}} {{#branded}}isbranded{{/branded}}">
{{{icon}}}
</div>
<div class="optionname clamp-2">{{title}}</div>
course/upgrade.txt
+6
View File
@@ -22,6 +22,12 @@ information provided here is intended especially for developers.
* New format actions classes. Those classes will eventually replace all course/lib.php content editing functions.
All new methods are distributed in three classes formats can extend. Method can be accessed using static
methods (see doc block of core_courseformat\formatactions for more information).
* The monologo activity icons have been improved and .png files have been removed (although the API still supports them).
The background for these icons has been removed and the color is used now for outlining their shapes.
About the categories supported by the FEATURE_MOD_PURPOSE:
* A new category has been added: MOD_PURPOSE_INTERACTIVECONTENT.
* The MOD_PURPOSE_INTERFACE category has been deprecated. The styles associated with this category have been removed.
The colors for all these purposes and the filters applied to outline them are defined in theme/boost/scss/moodle/variables.scss
=== 4.3 ===
* The `core_course_renderer::course_section_cm_completion` method has been removed, and can no longer be used
grade/report/grader/styles.css
+4 -2
View File
@@ -57,6 +57,8 @@
.path-grade-report-grader .grade_icons .icon {
margin-right: 1rem;
font-size: 14px;
width: 24px;
}
.path-grade-report-grader .grade_icons .icon:last-child {
@@ -90,8 +92,8 @@
}
.path-grade-report-grader .heading .gradeitemheader {
text-indent: -1.5rem;
padding-left: 1.5rem;
text-indent: -2rem;
padding-left: 2rem;
padding-top: 6px;
}
grade/report/user/styles.css
-7
View File
@@ -55,13 +55,6 @@
padding-left: 0;
}
.path-grade-report-user .user-grade .column-itemname .itemicon,
.grade-report-user .user-grade .column-itemname .itemicon {
font-size: 18px;
width: 18px;
height: 18px;
}
.path-grade-report-user .user-grade .baggt,
.path-grade-report-user .user-grade .baggb,
.grade-report-user .user-grade .baggt,
grade/tests/behat/grade_aggregation.feature
+11 -6
View File
@@ -9,13 +9,18 @@ Feature: We can use calculated grade totals
| fullname | shortname | category | groupmode |
| Course 1 | C1 | 0 | 1 |
And the following "users" exist:
| username | firstname | lastname | email | idnumber |
| teacher1 | Teacher | 1 | teacher1@example.com | t1 |
| student1 | Student | 1 | student1@example.com | s1 |
| username | firstname | lastname | email | idnumber |
| teacher1 | Teacher | 1 | teacher1@example.com | t1 |
| student1 | Student | 1 | student1@example.com | s1 |
# Additional students must be enrolled in the course to ensure that the action menu for hiding grades is displayed correctly.
| student2 | Student | 2 | student2@example.com | s2 |
| student3 | Student | 3 | student3@example.com | s3 |
And the following "course enrolments" exist:
| user | course | role |
| teacher1 | C1 | editingteacher |
| student1 | C1 | student |
| user | course | role |
| teacher1 | C1 | editingteacher |
| student1 | C1 | student |
| student2 | C1 | student |
| student3 | C1 | student |
And the following "grade categories" exist:
| fullname | course |
| Sub category 1 | C1 |
lib/moodlelib.php
+8 -2
View File
@@ -487,10 +487,16 @@ define('MOD_PURPOSE_COLLABORATION', 'collaboration');
define('MOD_PURPOSE_COMMUNICATION', 'communication');
/** Module purpose content */
define('MOD_PURPOSE_CONTENT', 'content');
/** Module purpose interface */
define('MOD_PURPOSE_INTERFACE', 'interface');
/** Module purpose interactive content */
define('MOD_PURPOSE_INTERACTIVECONTENT', 'interactivecontent');
/** Module purpose other */
define('MOD_PURPOSE_OTHER', 'other');
/**
* Module purpose interface
* @deprecated since Moodle 4.4
* @todo MDL-80701 Remove in Moodle 4.8
*/
define('MOD_PURPOSE_INTERFACE', 'interface');
/**
* Security token used for allowing access
mod/bigbluebuttonbn/db/mobile.php
+1 -1
View File
@@ -31,7 +31,7 @@ $addons = [
'coursebigbluebuttonbn' => [ // Handler unique name (can be anything).
'displaydata' => [
'title' => 'pluginname',
'icon' => $CFG->wwwroot . '/mod/bigbluebuttonbn/pix/monologo.png',
'icon' => $CFG->wwwroot . '/mod/bigbluebuttonbn/pix/monologo.svg',
'class' => '',
],
'delegate' => 'CoreCourseModuleDelegate', // Delegate (where to display the link to the add-on).
mod/data/tests/entries_export_test.php
+6 -6
View File
@@ -147,13 +147,13 @@ class entries_export_test extends \advanced_testcase {
$ziparchive = new \zip_archive();
$ziparchive->open($tmpdir . '/testexportarchive.zip');
$expectedfilecontents = [
// The test generator for mod_data uses a copy of pix/monologo.png as sample file content for the file stored in a
// file and picture field.
// So we expect that this file has to have the same content as monologo.png.
// The test generator for mod_data uses a copy of field/picture/pix/sample.png as sample file content for the
// file stored in a file and picture field.
// So we expect that this file has to have the same content as sample.png.
// Also, the default value for the subdirectory in the zip archive containing the files is 'files/'.
'files/samplefile.png' => 'mod/data/pix/monologo.png',
'files/samplefile_1.png' => 'mod/data/pix/monologo.png',
'files/picturefile.png' => 'mod/data/pix/monologo.png',
'files/samplefile.png' => 'mod/data/field/picture/pix/sample.png',
'files/samplefile_1.png' => 'mod/data/field/picture/pix/sample.png',
'files/picturefile.png' => 'mod/data/field/picture/pix/sample.png',
// By checking that the content of the exported csv is identical to the fixture file it is verified
// that the filenames in the csv file correspond to the names of the exported file.
// It also verifies that files with identical file names in different fields (or records) will be numbered
mod/data/tests/generator/lib.php
+1 -1
View File
@@ -325,7 +325,7 @@ class mod_data_generator extends testing_module_generator {
get_file_storage()->create_file_from_string(['component' => 'user', 'filearea' => 'draft',
'contextid' => $usercontext->id, 'itemid' => $itemid, 'filepath' => '/',
'filename' => $filename],
file_get_contents($CFG->dirroot.'/mod/data/pix/monologo.png'));
file_get_contents($CFG->dirroot.'/mod/data/field/picture/pix/sample.png'));
}
$fieldname = 'field_' . $fieldid . '_file';
mod/h5pactivity/lib.php
+1 -1
View File
@@ -65,7 +65,7 @@ function h5pactivity_supports(string $feature) {
case FEATURE_BACKUP_MOODLE2:
return true;
case FEATURE_MOD_PURPOSE:
return MOD_PURPOSE_CONTENT;
return MOD_PURPOSE_INTERACTIVECONTENT;
default:
return null;
}
mod/imscp/lib.php
+2 -1
View File
@@ -40,7 +40,8 @@ function imscp_supports($feature) {
case FEATURE_GRADE_OUTCOMES: return false;
case FEATURE_BACKUP_MOODLE2: return true;
case FEATURE_SHOW_DESCRIPTION: return true;
case FEATURE_MOD_PURPOSE: return MOD_PURPOSE_CONTENT;
case FEATURE_MOD_PURPOSE:
return MOD_PURPOSE_INTERACTIVECONTENT;
default: return null;
}
mod/lesson/lib.php
+1 -1
View File
@@ -1004,7 +1004,7 @@ function lesson_supports($feature) {
case FEATURE_SHOW_DESCRIPTION:
return true;
case FEATURE_MOD_PURPOSE:
return MOD_PURPOSE_CONTENT;
return MOD_PURPOSE_INTERACTIVECONTENT;
default:
return null;
}
mod/lti/classes/reportbuilder/local/entities/tool_types.php
+1 -1
View File
@@ -97,7 +97,7 @@ class tool_types extends base {
$iconurl = $data->icon ?: $OUTPUT->image_url('monologo', 'lti')->out();
$iconclass = $data->icon ? ' nofilter' : '';
$iconcontainerclass = 'activityiconcontainer smaller content';
$iconcontainerclass = 'activityiconcontainer smaller';
$name = $data->name;
$img = \html_writer::img($iconurl, get_string('courseexternaltooliconalt', 'mod_lti', $name),
['class' => 'activityicon' . $iconclass]);
mod/lti/lib.php
+1 -1
View File
@@ -66,7 +66,7 @@ function lti_supports($feature) {
case FEATURE_SHOW_DESCRIPTION:
return true;
case FEATURE_MOD_PURPOSE:
return MOD_PURPOSE_CONTENT;
return MOD_PURPOSE_OTHER;
default:
return null;
mod/scorm/lib.php
+2 -1
View File
@@ -1042,7 +1042,8 @@ function scorm_supports($feature) {
case FEATURE_GRADE_OUTCOMES: return true;
case FEATURE_BACKUP_MOODLE2: return true;
case FEATURE_SHOW_DESCRIPTION: return true;
case FEATURE_MOD_PURPOSE: return MOD_PURPOSE_CONTENT;
case FEATURE_MOD_PURPOSE:
return MOD_PURPOSE_INTERACTIVECONTENT;
default: return null;
}
pix/i/completion-auto-enabled.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H11Zm3,8h2V6.4l-2,2Zm0,1v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5ZM15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#949494"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H11Zm3,8h2V6.4l-2,2Zm0,1v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5ZM15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#949494"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 536 B

After

Width:  |  Height:  |  Size: 560 B

pix/i/completion-auto-fail.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,2,2V5h2V2a2,2,0,0,0-2-2H11Zm5,4H14v4h2Zm-2,5v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#949494"/><path d="M10.2,8l2.6-2.6a1,1,0,0,0,0-1.4L12,3.3a1,1,0,0,0-1.4,0L8,5.9,5.4,3.3A1,1,0,0,0,4,3.3L3.3,4a1,1,0,0,0,0,1.4L5.9,8,3.3,10.6a1.2,1.2,0,0,0,0,1.4l.7.7a1,1,0,0,0,1.4,0L8,10.2l2.5,2.5a1,1,0,0,0,1.4,0l.7-.7a1,1,0,0,0,0-1.4Z" fill="#ff403c"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,2,2V5h2V2a2,2,0,0,0-2-2H11Zm5,4H14v4h2Zm-2,5v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#949494"/><path d="M10.2,8l2.6-2.6a1,1,0,0,0,0-1.4L12,3.3a1,1,0,0,0-1.4,0L8,5.9,5.4,3.3A1,1,0,0,0,4,3.3L3.3,4a1,1,0,0,0,0,1.4L5.9,8,3.3,10.6a1.2,1.2,0,0,0,0,1.4l.7.7a1,1,0,0,0,1.4,0L8,10.2l2.5,2.5a1,1,0,0,0,1.4,0l.7-.7a1,1,0,0,0,0-1.4Z" fill="#ff403c"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 599 B

After

Width:  |  Height:  |  Size: 623 B

pix/i/completion-auto-n-override.svg
+1 -1
View File
@@ -1,3 +1,3 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" overflow="visible"><path d="M10 0v2H6V0h4zm1 2h1c1.1 0 2 .9 2 2v1h2V2c0-1.1-.9-2-2-2h-3v2zm5 4h-2v4h2V6zm-2 5v1c0 1.1-.9 2-2 2h-1v2h3c1.1 0 2-.9 2-2v-3h-2zm-4 5v-2H6v2h4zm-5-2H4c-1.1 0-2-.9-2-2v-1H0v3c0 1.1.9 2 2 2h3v-2zm-5-4h2V6H0v4zm2-5V4c0-1.1.9-2 2-2h1V0H2C.9 0 0 .9 0 2v3h2z" fill="#FF2727"/></svg>
]><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" overflow="visible"><path d="M10 0v2H6V0h4zm1 2h1c1.1 0 2 .9 2 2v1h2V2c0-1.1-.9-2-2-2h-3v2zm5 4h-2v4h2V6zm-2 5v1c0 1.1-.9 2-2 2h-1v2h3c1.1 0 2-.9 2-2v-3h-2zm-4 5v-2H6v2h4zm-5-2H4c-1.1 0-2-.9-2-2v-1H0v3c0 1.1.9 2 2 2h3v-2zm-5-4h2V6H0v4zm2-5V4c0-1.1.9-2 2-2h1V0H2C.9 0 0 .9 0 2v3h2z" fill="#FF2727"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 579 B

After

Width:  |  Height:  |  Size: 581 B

pix/i/completion-auto-n.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,2,2V5h2V2a2,2,0,0,0-2-2H11Zm5,4H14v4h2Zm-2,5v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#949494"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,2,2V5h2V2a2,2,0,0,0-2-2H11Zm5,4H14v4h2Zm-2,5v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#949494"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 356 B

After

Width:  |  Height:  |  Size: 380 B

pix/i/completion-auto-pass.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H11Zm3,8h2V6.4l-2,2Zm0,1v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#949494"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#79a128"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H11Zm3,8h2V6.4l-2,2Zm0,1v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#949494"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#79a128"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 563 B

After

Width:  |  Height:  |  Size: 587 B

pix/i/completion-auto-y-override.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H11Zm3,8h2V6.4l-2,2Zm0,1v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#ff2727"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#6393ee"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H11Zm3,8h2V6.4l-2,2Zm0,1v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#ff2727"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#6393ee"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 563 B

After

Width:  |  Height:  |  Size: 587 B

pix/i/completion-auto-y.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H11Zm3,8h2V6.4l-2,2Zm0,1v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#949494"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#6393ee"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M10,0V2H6V0Zm1,2h1a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H11Zm3,8h2V6.4l-2,2Zm0,1v1a2,2,0,0,1-2,2H11v2h3a2,2,0,0,0,2-2V11Zm-4,5V14H6v2ZM5,14H4a2,2,0,0,1-2-2V11H0v3a2,2,0,0,0,2,2H5ZM0,10H2V6H0ZM2,5V4A2,2,0,0,1,4,2H5V0H2A2,2,0,0,0,0,2V5Z" fill="#949494"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#6393ee"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 563 B

After

Width:  |  Height:  |  Size: 587 B

pix/i/completion-manual-enabled.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M16,6.4V14a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0H14a2,2,0,0,1,2,2v.8l-.3-.3a2,2,0,0,0-1.4-.6,1.75,1.75,0,0,0-1.2.4A2,2,0,0,0,12,2H4A2,2,0,0,0,2,4v8a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8.4Zm-.3-2.5L15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#949494"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M16,6.4V14a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0H14a2,2,0,0,1,2,2v.8l-.3-.3a2,2,0,0,0-1.4-.6,1.75,1.75,0,0,0-1.2.4A2,2,0,0,0,12,2H4A2,2,0,0,0,2,4v8a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V8.4Zm-.3-2.5L15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#949494"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 453 B

After

Width:  |  Height:  |  Size: 477 B

pix/i/completion-manual-n.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M14,0H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V2A2,2,0,0,0,14,0Zm0,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2h8a2,2,0,0,1,2,2Z" fill="#949494"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M14,0H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V2A2,2,0,0,0,14,0Zm0,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2h8a2,2,0,0,1,2,2Z" fill="#949494"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 270 B

After

Width:  |  Height:  |  Size: 294 B

pix/i/completion-manual-y-override.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M14,8.4V12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2h8a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V6.4Z" fill="#ff2727"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#6393ee"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M14,8.4V12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2h8a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V6.4Z" fill="#ff2727"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#6393ee"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 480 B

After

Width:  |  Height:  |  Size: 504 B

pix/i/completion-manual-y.svg
+1 -1
View File
@@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet"><path d="M14,8.4V12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2h8a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V6.4Z" fill="#949494"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#6293ee"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" width="16" height="16"><path d="M14,8.4V12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2h8a2,2,0,0,1,1.1.3,1.75,1.75,0,0,1,1.2-.4,2,2,0,0,1,1.4.6l.3.3V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V6.4Z" fill="#949494"/><path d="M15.7,3.9,15,3.2a1,1,0,0,0-1.4,0l-6,6L5.4,7A1.2,1.2,0,0,0,4,7l-.7.7a1,1,0,0,0,0,1.4l3.6,3.6a1,1,0,0,0,1.4,0l7.4-7.4A1,1,0,0,0,15.7,3.9Z" fill="#6293ee"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 480 B

After

Width:  |  Height:  |  Size: 504 B

pix/i/completion_self.svg
+1 -1
View File
@@ -1,3 +1,3 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
]><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" overflow="visible"><path d="M5.2 10.3L0 13.1V16h16v-3l-5.2-2.7c-.5-.3-.6-.9-.2-1.3 0 0 1.4-1.8 1.4-3.8C12 2.3 10.2 0 8 0S4 2.3 4 5.2C4 7.2 5.4 9 5.4 9c.4.5.3 1-.2 1.3z" fill="#888"/></svg>
]><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" preserveAspectRatio="xMinYMid meet" overflow="visible"><path d="M5.2 10.3L0 13.1V16h16v-3l-5.2-2.7c-.5-.3-.6-.9-.2-1.3 0 0 1.4-1.8 1.4-3.8C12 2.3 10.2 0 8 0S4 2.3 4 5.2C4 7.2 5.4 9 5.4 9c.4.5.3 1-.2 1.3z" fill="#888"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 464 B

After

Width:  |  Height:  |  Size: 466 B

theme/boost/scss/moodle/core.scss
+8 -2
View File
@@ -381,8 +381,8 @@ img.resize {
}
/* Icon styles */
img.activityicon {
height: 24px;
width: 24px;
height: 32px;
width: 32px;
vertical-align: middle;
}
@@ -1540,6 +1540,8 @@ audio.mediaplugin_html5audio {
.icon {
height: 2.5rem;
width: 6rem;
max-height: 2.5rem;
max-width: 6rem;
margin-bottom: .6rem;
}
}
@@ -2048,6 +2050,10 @@ dd:after {
}
}
.quickediticon .icon {
font-size: medium;
}
.quickediticon img {
opacity: 0.2;
}
theme/boost/scss/moodle/course.scss
-3
View File
@@ -1712,9 +1712,6 @@ $activity-add-hover: theme-color-level('primary', -10) !default;
a {
color: $black;
text-decoration: none;
img {
filter: invert(25%) sepia(86%) saturate(1158%) hue-rotate(189deg) brightness(104%) contrast(92%);
}
}
.activityicon {
width: 32px;
theme/boost/scss/moodle/grade.scss
-6
View File
@@ -430,12 +430,6 @@
.itemselect {
margin-right: 15px;
}
.itemicon {
font-size: 18px;
width: 18px;
height: 18px;
}
}
&.column-weight {
theme/boost/scss/moodle/icons.scss
+18 -11
View File
@@ -5,8 +5,8 @@
$icon-width: 16px;
$icon-height: 16px;
// Size of big icons.
$icon-medium-width: 24px;
$icon-medium-height: 24px;
$icon-medium-width: 32px;
$icon-medium-height: 32px;
// Size of big icons.
$icon-big-width: 64px;
$icon-big-height: 64px;
@@ -29,9 +29,8 @@ $iconsizes: map-merge((
// stylelint-enable
.icon {
font-size: $icon-height;
width: $icon-width;
height: $icon-height;
max-width: map-get($iconsizes, 4);
max-height: map-get($iconsizes, 4);
margin: 0;
padding: 0;
box-sizing: content-box;
@@ -144,7 +143,6 @@ $iconsizes: map-merge((
display: inline-flex;
justify-content: center;
align-items: center;
background-color: $gray-100;
border-radius: 4px;
padding: 0.7rem;
.activityicon,
@@ -153,28 +151,37 @@ $iconsizes: map-merge((
font-size: $icon-medium-width;
height: $icon-medium-width;
width: $icon-medium-height;
max-height: $icon-medium-width;
max-width: $icon-medium-height;
}
&.small {
width: $activity-iconcontainer-width - 10px;
height: $activity-iconcontainer-height - 10px;
max-width: $activity-iconcontainer-width - 10px;
max-height: $activity-iconcontainer-height - 10px;
}
&.smaller {
width: $activity-iconcontainer-width - 20px;
height: $activity-iconcontainer-width - 20px;
max-width: $activity-iconcontainer-width - 20px;
max-height: $activity-iconcontainer-width - 20px;
.activityicon {
width: $icon-medium-width;
height: $icon-medium-height;
max-width: $icon-medium-width;
max-height: $icon-medium-height;
}
}
}
@each $type, $value in $activity-icon-colors {
.activityiconcontainer.#{$type} {
background-color: $value;
.activityicon,
.icon {
&:not(.nofilter) {
filter: brightness(0) invert(1);
&:not(.isbranded) {
.activityicon,
.icon {
&:not(.nofilter) {
filter: $value;
}
}
}
}
theme/boost/scss/moodle/variables.scss
+25 -12
View File
@@ -40,22 +40,35 @@ $primary-light-hover: theme-color-level('primary', -10) !default;
$activity-iconcontainer-height: 52px;
$activity-iconcontainer-width: 52px;
$activity-icon-administration-bg: #5d63f6 !default;
$activity-icon-assessment-bg: #eb66a2 !default;
$activity-icon-collaboration-bg: #f7634d !default;
$activity-icon-communication-bg: #11a676 !default;
$activity-icon-content-bg: #399be2 !default;
$activity-icon-interface-bg: #a378ff !default;
$activity-icon-administration-bg: #da58ef !default;
$activity-icon-assessment-bg: #f90086 !default;
$activity-icon-collaboration-bg: #5b40ff !default;
$activity-icon-communication-bg: #eb6200 !default;
$activity-icon-content-bg: #0099ad !default;
$activity-icon-interactivecontent-bg: #8d3d1b !default;
$activity-icon-administration-filter:
invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%) !default;
$activity-icon-assessment-filter:
invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%) !default;
$activity-icon-collaboration-filter:
invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%) !default;
$activity-icon-communication-filter:
invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%) !default;
$activity-icon-content-filter:
invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%) !default;
$activity-icon-interactivecontent-filter:
invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%) !default;
$activity-icon-colors: () !default;
$activity-icon-colors: map-merge(
(
"administration": $activity-icon-administration-bg,
"assessment": $activity-icon-assessment-bg,
"collaboration": $activity-icon-collaboration-bg,
"communication": $activity-icon-communication-bg,
"content": $activity-icon-content-bg,
"interface": $activity-icon-interface-bg
"administration": $activity-icon-administration-filter,
"assessment": $activity-icon-assessment-filter,
"collaboration": $activity-icon-collaboration-filter,
"communication": $activity-icon-communication-filter,
"content": $activity-icon-content-filter,
"interactivecontent": $activity-icon-interactivecontent-filter,
),
$activity-icon-colors
);
theme/boost/style/moodle.css
+51 -66
View File
@@ -23270,8 +23270,8 @@ img.resize {
/* Icon styles */
img.activityicon {
height: 24px;
width: 24px;
height: 32px;
width: 32px;
vertical-align: middle;
}
@@ -24499,6 +24499,8 @@ audio.mediaplugin_html5audio {
.modchooser .modal-footer .moodlenet-logo .icon {
height: 2.5rem;
width: 6rem;
max-height: 2.5rem;
max-width: 6rem;
margin-bottom: 0.6rem;
}
@@ -24970,6 +24972,9 @@ dd:after {
.inplaceeditable.inplaceeditingon select {
margin-bottom: 0;
}
.inplaceeditable .quickediticon .icon {
font-size: medium;
}
.inplaceeditable .quickediticon img {
opacity: 0.2;
}
@@ -26061,9 +26066,8 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
}
.icon {
font-size: 16px;
width: 16px;
height: 16px;
max-width: 24px;
max-height: 24px;
margin: 0;
padding: 0;
box-sizing: content-box;
@@ -26073,9 +26077,9 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
margin-right: 0;
}
.icon.iconsize-medium {
font-size: 24px;
width: 24px;
height: 24px;
font-size: 32px;
width: 32px;
height: 32px;
}
.icon.iconsize-big {
width: 64px;
@@ -26197,76 +26201,65 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f8f9fa;
border-radius: 4px;
padding: 0.7rem;
}
.activityiconcontainer .activityicon,
.activityiconcontainer .icon {
margin: 0;
font-size: 24px;
height: 24px;
width: 24px;
font-size: 32px;
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px;
}
.activityiconcontainer.small {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
}
.activityiconcontainer.smaller {
width: 32px;
height: 32px;
max-width: 32px;
max-height: 32px;
}
.activityiconcontainer.smaller .activityicon {
width: 24px;
height: 24px;
width: 32px;
height: 32px;
max-width: 32px;
max-height: 32px;
}
.activityiconcontainer.administration {
background-color: #5d63f6;
}
.activityiconcontainer.administration .activityicon:not(.nofilter),
.activityiconcontainer.administration .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
filter: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
}
.activityiconcontainer.assessment {
background-color: #eb66a2;
}
.activityiconcontainer.assessment .activityicon:not(.nofilter),
.activityiconcontainer.assessment .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
filter: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
}
.activityiconcontainer.collaboration {
background-color: #f7634d;
}
.activityiconcontainer.collaboration .activityicon:not(.nofilter),
.activityiconcontainer.collaboration .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
filter: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
}
.activityiconcontainer.communication {
background-color: #11a676;
}
.activityiconcontainer.communication .activityicon:not(.nofilter),
.activityiconcontainer.communication .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
filter: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
}
.activityiconcontainer.content {
background-color: #399be2;
}
.activityiconcontainer.content .activityicon:not(.nofilter),
.activityiconcontainer.content .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
filter: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
}
.activityiconcontainer.interface {
background-color: #a378ff;
}
.activityiconcontainer.interface .activityicon:not(.nofilter),
.activityiconcontainer.interface .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
filter: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
}
.icon-box {
@@ -26281,17 +26274,17 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
}
.icon-box .icon {
margin: 0;
height: 24px;
width: 24px;
height: 32px;
width: 32px;
}
:root {
--activityadministration: #5d63f6;
--activityassessment: #eb66a2;
--activitycollaboration: #f7634d;
--activitycommunication: #11a676;
--activitycontent: #399be2;
--activityinterface: #a378ff;
--activityadministration: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
--activityassessment: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
--activitycollaboration: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
--activitycommunication: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
--activitycontent: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
--activityinteractivecontent: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
}
/* admin.less */
@@ -29785,9 +29778,6 @@ span.editinstructions .alert-link {
color: #000;
text-decoration: none;
}
.defaultactivitycompletion-item a img {
filter: invert(25%) sepia(86%) saturate(1158%) hue-rotate(189deg) brightness(104%) contrast(92%);
}
.defaultactivitycompletion-item .activityicon {
width: 32px;
height: 32px;
@@ -35629,11 +35619,6 @@ p.arrow_button {
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
margin-right: 15px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemicon {
font-size: 18px;
width: 18px;
height: 18px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
min-width: 15em;
}
theme/classic/style/moodle.css
+51 -66
View File
@@ -23270,8 +23270,8 @@ img.resize {
/* Icon styles */
img.activityicon {
height: 24px;
width: 24px;
height: 32px;
width: 32px;
vertical-align: middle;
}
@@ -24499,6 +24499,8 @@ audio.mediaplugin_html5audio {
.modchooser .modal-footer .moodlenet-logo .icon {
height: 2.5rem;
width: 6rem;
max-height: 2.5rem;
max-width: 6rem;
margin-bottom: 0.6rem;
}
@@ -24970,6 +24972,9 @@ dd:after {
.inplaceeditable.inplaceeditingon select {
margin-bottom: 0;
}
.inplaceeditable .quickediticon .icon {
font-size: medium;
}
.inplaceeditable .quickediticon img {
opacity: 0.2;
}
@@ -26061,9 +26066,8 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
}
.icon {
font-size: 16px;
width: 16px;
height: 16px;
max-width: 24px;
max-height: 24px;
margin: 0;
padding: 0;
box-sizing: content-box;
@@ -26073,9 +26077,9 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
margin-right: 0;
}
.icon.iconsize-medium {
font-size: 24px;
width: 24px;
height: 24px;
font-size: 32px;
width: 32px;
height: 32px;
}
.icon.iconsize-big {
width: 64px;
@@ -26197,76 +26201,65 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f8f9fa;
border-radius: 4px;
padding: 0.7rem;
}
.activityiconcontainer .activityicon,
.activityiconcontainer .icon {
margin: 0;
font-size: 24px;
height: 24px;
width: 24px;
font-size: 32px;
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px;
}
.activityiconcontainer.small {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
}
.activityiconcontainer.smaller {
width: 32px;
height: 32px;
max-width: 32px;
max-height: 32px;
}
.activityiconcontainer.smaller .activityicon {
width: 24px;
height: 24px;
width: 32px;
height: 32px;
max-width: 32px;
max-height: 32px;
}
.activityiconcontainer.administration {
background-color: #5d63f6;
}
.activityiconcontainer.administration .activityicon:not(.nofilter),
.activityiconcontainer.administration .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.administration:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.administration:not(.isbranded) .icon:not(.nofilter) {
filter: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
}
.activityiconcontainer.assessment {
background-color: #eb66a2;
}
.activityiconcontainer.assessment .activityicon:not(.nofilter),
.activityiconcontainer.assessment .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.assessment:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.assessment:not(.isbranded) .icon:not(.nofilter) {
filter: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
}
.activityiconcontainer.collaboration {
background-color: #f7634d;
}
.activityiconcontainer.collaboration .activityicon:not(.nofilter),
.activityiconcontainer.collaboration .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.collaboration:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.collaboration:not(.isbranded) .icon:not(.nofilter) {
filter: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
}
.activityiconcontainer.communication {
background-color: #11a676;
}
.activityiconcontainer.communication .activityicon:not(.nofilter),
.activityiconcontainer.communication .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.communication:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.communication:not(.isbranded) .icon:not(.nofilter) {
filter: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
}
.activityiconcontainer.content {
background-color: #399be2;
}
.activityiconcontainer.content .activityicon:not(.nofilter),
.activityiconcontainer.content .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.content:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.content:not(.isbranded) .icon:not(.nofilter) {
filter: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
}
.activityiconcontainer.interface {
background-color: #a378ff;
}
.activityiconcontainer.interface .activityicon:not(.nofilter),
.activityiconcontainer.interface .icon:not(.nofilter) {
filter: brightness(0) invert(1);
.activityiconcontainer.interactivecontent:not(.isbranded) .activityicon:not(.nofilter),
.activityiconcontainer.interactivecontent:not(.isbranded) .icon:not(.nofilter) {
filter: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
}
.icon-box {
@@ -26281,17 +26274,17 @@ body.behat-site .action-menu .dropdown-subpanel-content.show {
}
.icon-box .icon {
margin: 0;
height: 24px;
width: 24px;
height: 32px;
width: 32px;
}
:root {
--activityadministration: #5d63f6;
--activityassessment: #eb66a2;
--activitycollaboration: #f7634d;
--activitycommunication: #11a676;
--activitycontent: #399be2;
--activityinterface: #a378ff;
--activityadministration: invert(45%) sepia(46%) saturate(3819%) hue-rotate(260deg) brightness(101%) contrast(87%);
--activityassessment: invert(36%) sepia(98%) saturate(6969%) hue-rotate(315deg) brightness(90%) contrast(119%);
--activitycollaboration: invert(25%) sepia(54%) saturate(6226%) hue-rotate(245deg) brightness(100%) contrast(102%);
--activitycommunication: invert(48%) sepia(74%) saturate(4887%) hue-rotate(11deg) brightness(102%) contrast(101%);
--activitycontent: invert(49%) sepia(52%) saturate(4675%) hue-rotate(156deg) brightness(89%) contrast(102%);
--activityinteractivecontent: invert(25%) sepia(63%) saturate(1152%) hue-rotate(344deg) brightness(94%) contrast(91%);
}
/* admin.less */
@@ -29785,9 +29778,6 @@ span.editinstructions .alert-link {
color: #000;
text-decoration: none;
}
.defaultactivitycompletion-item a img {
filter: invert(25%) sepia(86%) saturate(1158%) hue-rotate(189deg) brightness(104%) contrast(92%);
}
.defaultactivitycompletion-item .activityicon {
width: 32px;
height: 32px;
@@ -35629,11 +35619,6 @@ p.arrow_button {
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemselect {
margin-right: 15px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-name .itemicon {
font-size: 18px;
width: 18px;
height: 18px;
}
.path-grade-edit-tree .gradetree-wrapper .setup-grades.generaltable tr td.column-weight {
min-width: 15em;
}