MDL-81683 core_courseformat: Adjust Move Activity Modal style

* Use the same style as the course index for the tree/list items * Fix indentation
laurentdavid · Jun 25, 2024 · add1f88 · add1f88
1 parent ec451e1
commit add1f88
Show file tree

Hide file tree

Showing 4 changed files with 101 additions and 1 deletion.
diff --git a/course/format/templates/local/content/movecm.mustache b/course/format/templates/local/content/movecm.mustache
@@ -91,7 +91,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}}

diff --git a/theme/boost/scss/moodle/course.scss b/theme/boost/scss/moodle/course.scss
@@ -1696,3 +1696,41 @@ $divider-hover-color: $primary !default;
         @include border-radius();
     }
 }
+
+$move-activity-link-color: $list-group-action-color !default;
+$move-activity-link-color-selected: color-yiq($primary) !default;
+$move-activity-link-dimmed-color: $gray-600 !default;
+$move-activity-link-hover-color: black !default;
+/* Styles for the Move activity and Move section modals */
+.move-activity-tree {
+    .collapse-list-item-content,
+    .collapse-list-item {
+        padding: 0.2em;
+        border-radius: 0.2em;
+
+        a {
+            text-decoration: none;
+            color: $move-activity-link-color;
+
+            &:hover,
+            &:focus {
+                color: $move-activity-link-hover-color;
+                text-decoration: none;
+                cursor: pointer;
+
+                &.dimmed {
+                    color: $move-activity-link-hover-color;
+                }
+            }
+        }
+    }
+
+    .collapse-list-item-content .collapse-list-item,
+    .unlist {
+        padding-left: 1rem;
+    }
+
+    .collapse-list-link {
+        font-weight: bold;
+    }
+}
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -29839,6 +29839,37 @@ span.editinstructions .alert-link {
   border-radius: 0.5rem;
 }
 
+/* Styles for the Move activity and Move section modals */
+.move-activity-tree .collapse-list-item-content,
+.move-activity-tree .collapse-list-item {
+  padding: 0.2em;
+  border-radius: 0.2em;
+}
+.move-activity-tree .collapse-list-item-content a,
+.move-activity-tree .collapse-list-item a {
+  text-decoration: none;
+  color: #495057;
+}
+.move-activity-tree .collapse-list-item-content a:hover, .move-activity-tree .collapse-list-item-content a:focus,
+.move-activity-tree .collapse-list-item a:hover,
+.move-activity-tree .collapse-list-item a:focus {
+  color: black;
+  text-decoration: none;
+  cursor: pointer;
+}
+.move-activity-tree .collapse-list-item-content a:hover.dimmed, .move-activity-tree .collapse-list-item-content a:focus.dimmed,
+.move-activity-tree .collapse-list-item a:hover.dimmed,
+.move-activity-tree .collapse-list-item a:focus.dimmed {
+  color: black;
+}
+.move-activity-tree .collapse-list-item-content .collapse-list-item,
+.move-activity-tree .unlist {
+  padding-left: 1rem;
+}
+.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 {

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -29839,6 +29839,37 @@ span.editinstructions .alert-link {
   border-radius: 0.25rem;
 }
 
+/* Styles for the Move activity and Move section modals */
+.move-activity-tree .collapse-list-item-content,
+.move-activity-tree .collapse-list-item {
+  padding: 0.2em;
+  border-radius: 0.2em;
+}
+.move-activity-tree .collapse-list-item-content a,
+.move-activity-tree .collapse-list-item a {
+  text-decoration: none;
+  color: #495057;
+}
+.move-activity-tree .collapse-list-item-content a:hover, .move-activity-tree .collapse-list-item-content a:focus,
+.move-activity-tree .collapse-list-item a:hover,
+.move-activity-tree .collapse-list-item a:focus {
+  color: black;
+  text-decoration: none;
+  cursor: pointer;
+}
+.move-activity-tree .collapse-list-item-content a:hover.dimmed, .move-activity-tree .collapse-list-item-content a:focus.dimmed,
+.move-activity-tree .collapse-list-item a:hover.dimmed,
+.move-activity-tree .collapse-list-item a:focus.dimmed {
+  color: black;
+}
+.move-activity-tree .collapse-list-item-content .collapse-list-item,
+.move-activity-tree .unlist {
+  padding-left: 1rem;
+}
+.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 {