Merge pull request #2560 from oat-sa/backport/AUT-3785/broken-PCI-aut…

…horing Backport/AUT-3785/broken PCI authoring
oat-sa · Aug 16, 2024 · 91b12cb · 91b12cb
2 parents 5513454 + 4d533c8
commit 91b12cb
Show file tree

Hide file tree

Showing 9 changed files with 24 additions and 7 deletions.
diff --git a/views/css/item-creator.css b/views/css/item-creator.css
diff --git a/views/css/item-creator.css.map b/views/css/item-creator.css.map
diff --git a/views/js/loader/qtiLoader.min.js.map b/views/js/loader/qtiLoader.min.js.map
diff --git a/views/js/loader/taoQtiItem.min.js b/views/js/loader/taoQtiItem.min.js
diff --git a/views/js/loader/taoQtiItem.min.js.map b/views/js/loader/taoQtiItem.min.js.map
diff --git a/views/js/loader/taoQtiItemRunner.es5.min.js.map b/views/js/loader/taoQtiItemRunner.es5.min.js.map
diff --git a/views/js/loader/taoQtiItemRunner.min.js.map b/views/js/loader/taoQtiItemRunner.min.js.map
diff --git a/views/js/qtiCreator/editor/gridEditor/resizable.js b/views/js/qtiCreator/editor/gridEditor/resizable.js
@@ -57,6 +57,12 @@ define([
         $el.find('[class^="col-"], [class*=" col-"]').each(function () {
             let $col = $(this);
 
+            // Skip if the element is inside a PCI.
+            // In this case, this is most probably a custom style rather than a TAO controlled grid.
+            if ($col.closest('.qti-customInteraction').length) {
+                return true;
+            }
+
             //@todo this should be more generic
             //see draggable etc for more references
             if ($col.parent().hasClass('fixed-grid-row')) {

diff --git a/views/scss/item-creator.scss b/views/scss/item-creator.scss
@@ -1432,6 +1432,17 @@ img.dragging.ui-draggable-dragging {
         direction: rtl;
     }
 }
+body, #mediaManager {
+    // Enforces the style for modal elements.
+    // This is necessary to avoid conflicts with PCI styles.
+    & > .modal {
+        z-index: 105002;
+        height: auto;
+    }
+    & > .modal-bg {
+        z-index: 100001;
+    }
+}
 #mediaManager {
     .file-preview {
         .previewer {