From 4e394ed4d299f1028195b433bad0b5e23f6e769d 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 7a3c5c47fa0..4c50aac7584 100644
--- a/theme/boost/scss/moodle/course.scss
+++ b/theme/boost/scss/moodle/course.scss
@@ -1258,6 +1258,11 @@ $divider-hover-color: $primary !default;
         font-size: $font-size-lg;
         color: $primary;
     }
+
+    // Add new z-index context for dnd overlay higher divider buttons and quick edit links.
+    .overlay-preview {
+        z-index: 5;
+    }
 }
 
 // Course 'add section' button.
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 0384046f9d7..c6796990a9b 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -29070,6 +29070,9 @@ span.editinstructions .alert-link {
   font-size: 1.171875rem;
   color: #0f6cbf;
 }
+.course-section .overlay-preview {
+  z-index: 5;
+}
 
 .btn.add-section {
   border-radius: 1rem;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 1781a921e37..0dedcbde326 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -29070,6 +29070,9 @@ span.editinstructions .alert-link {
   font-size: 1.171875rem;
   color: #0f6cbf;
 }
+.course-section .overlay-preview {
+  z-index: 5;
+}
 
 .btn.add-section {
   border-radius: 1rem;