From 7fe5a9c3230f2cd7aae1c5f198bb46233c4beb95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikel=20Mart=C3=ADn?= <mikel@moodle.com>
Date: Mon, 25 Mar 2024 12:52:01 +0100
Subject: [PATCH] MDL-81300 theme_boost: Fix dnd overlay in course sections

Drag and drop overlay in course page was being overlapped by divider
buttons and quick edit links.
That happens because both elements have their own z-index context.
Add z-index to the drag and drop overlay elenment to fix this issue.
---
 theme/boost/scss/moodle/course.scss | 5 +++++
 theme/boost/style/moodle.css        | 3 +++
 theme/classic/style/moodle.css      | 3 +++
 3 files changed, 11 insertions(+)

diff --git a/theme/boost/scss/moodle/course.scss b/theme/boost/scss/moodle/course.scss
index ef5f95c65dd..dfc189a8a19 100644
--- a/theme/boost/scss/moodle/course.scss
+++ b/theme/boost/scss/moodle/course.scss
@@ -1377,6 +1377,11 @@ $activity-add-hover: theme-color-level('primary', -10) !default;
             width: 100%;
         }
     }
+
+    // Add new z-index context for dnd overlay higher divider buttons and quick edit links.
+    .overlay-preview {
+        z-index: 5;
+    }
 }
 
 .description .course-description-item {
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 686f219c966..5a7b9288a18 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -29014,6 +29014,9 @@ span.editinstructions .alert-link {
   padding: 2rem;
   width: 100%;
 }
+.course-section .overlay-preview {
+  z-index: 5;
+}
 
 .description .course-description-item {
   font-size: 0.875em;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index afe19948360..c47512de246 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -29014,6 +29014,9 @@ span.editinstructions .alert-link {
   padding: 2rem;
   width: 100%;
 }
+.course-section .overlay-preview {
+  z-index: 5;
+}
 
 .description .course-description-item {
   font-size: 0.875em;