mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-03-14 12:40:01 +01:00
Code Issues Projects Releases Wiki Activity

MDL-81683 core_courseformat: Adjust Move Activity Modal style

Browse Source 
* Use the same style as the course index for the tree/list items
* Fix indentation
This commit is contained in:
Laurent David 2024-06-18 07:42:57 +02:00
parent 7f7d4a97d8
commit 45c157d0f9
4 changed files with 100 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
course/format/templates/local/content/movecm.mustache
View File

@ -97,7 +97,7 @@
}}
<p data-for="sectionname">{{information}}:</p>
<nav class="collapse-list" id="destination-selector" role="tree">
<nav class="collapse-list move-activity-tree" id="destination-selector" role="tree">
{{#sections}}
<div data-for="sectionnode" role="treeitem">
{{> core_courseformat/local/content/movecmsection}}

41
theme/boost/scss/moodle/course.scss
View File

@ -1708,3 +1708,44 @@ $divider-hover-color: $primary !default;
@include border-radius();
}
}
/* Styles for the Move activity and Move section modals */
.move-activity-tree {
.collapse-list-item {
@include border-radius();
&:hover,
&:focus {
background-color: theme-color-level("primary", $alert-bg-level);
a {
color: theme-color-level("primary", $alert-color-level);
}
}
a {
color: $list-group-action-active-color;
&:hover,
&:focus {
text-decoration: none;
}
}
a.disabled {
color: $list-group-disabled-color;
}
}
.collapse-list-item-content .collapse-list-item {
padding: $collapse-list-item-padding-y $collapse-list-item-padding-x;
}
ul {
margin-left: map-get($spacers, 4);
}
.collapse-list-link {
font-weight: bold;
}
}

29
theme/boost/style/moodle.css
View File

@ -29886,6 +29886,35 @@ span.editinstructions .alert-link {
border-radius: 0.5rem;
}
/* Styles for the Move activity and Move section modals */
.move-activity-tree .collapse-list-item {
border-radius: 0.5rem;
}
.move-activity-tree .collapse-list-item:hover, .move-activity-tree .collapse-list-item:focus {
background-color: #cfe2f2;
}
.move-activity-tree .collapse-list-item:hover a, .move-activity-tree .collapse-list-item:focus a {
color: #083863;
}
.move-activity-tree .collapse-list-item a {
color: #1d2125;
}
.move-activity-tree .collapse-list-item a:hover, .move-activity-tree .collapse-list-item a:focus {
text-decoration: none;
}
.move-activity-tree .collapse-list-item a.disabled {
color: #6a737b;
}
.move-activity-tree .collapse-list-item-content .collapse-list-item {
padding: 0.5rem 1rem;
}
.move-activity-tree ul {
margin-left: 1.5rem;
}
.move-activity-tree .collapse-list-link {
font-weight: bold;
}
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target,
:focus {

29
theme/classic/style/moodle.css
View File

@ -29886,6 +29886,35 @@ span.editinstructions .alert-link {
border-radius: 0.25rem;
}
/* Styles for the Move activity and Move section modals */
.move-activity-tree .collapse-list-item {
border-radius: 0.25rem;
}
.move-activity-tree .collapse-list-item:hover, .move-activity-tree .collapse-list-item:focus {
background-color: #cfe2f2;
}
.move-activity-tree .collapse-list-item:hover a, .move-activity-tree .collapse-list-item:focus a {
color: #083863;
}
.move-activity-tree .collapse-list-item a {
color: #1d2125;
}
.move-activity-tree .collapse-list-item a:hover, .move-activity-tree .collapse-list-item a:focus {
text-decoration: none;
}
.move-activity-tree .collapse-list-item a.disabled {
color: #6a737b;
}
.move-activity-tree .collapse-list-item-content .collapse-list-item {
padding: 0.5rem 1rem;
}
.move-activity-tree ul {
margin-left: 1.5rem;
}
.move-activity-tree .collapse-list-link {
font-weight: bold;
}
/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
:target,
:focus {