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 · Jul 17, 2024 · 45c157d · 45c157d
1 parent 7f7d4a9
commit 45c157d
Show file tree

Hide file tree

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

diff --git a/theme/boost/scss/moodle/course.scss b/theme/boost/scss/moodle/course.scss
@@ -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;
+    }
+}
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
@@ -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 {

diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
@@ -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 {