Fix z-index of child media modals (#3149)

OrchardCMS · Feb 8, 2019 · 7a6f73f · 7a6f73f
1 parent 29aba8b
commit 7a6f73f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/OrchardCore.Modules/OrchardCore.Media/Assets/scss/_modal-view.scss b/src/OrchardCore.Modules/OrchardCore.Media/Assets/scss/_modal-view.scss
@@ -46,6 +46,9 @@
 #mediaModalBody.html-body-part {
     z-index: 99999; //to make it visible when trumbowyg is full screen.
 }
+#createFolderModal, #renameMediaModal {
+    z-index: 100000; // required only because of the issue with z-index of trumbowyg on full screen.
+}
 
 .modal-body #media-pager {
     .page-number, .media-first-button, .media-last-button {

diff --git a/src/OrchardCore.Modules/OrchardCore.Media/wwwroot/Styles/media.css b/src/OrchardCore.Modules/OrchardCore.Media/wwwroot/Styles/media.css
@@ -445,6 +445,9 @@ ol.media-items-grid {
 #mediaModalBody.html-body-part {
   z-index: 99999; }
 
+#createFolderModal, #renameMediaModal {
+  z-index: 100000; }
+
 .modal-body #media-pager .page-number, .modal-body #media-pager .media-first-button, .modal-body #media-pager .media-last-button {
   display: none; }
 

diff --git a/src/OrchardCore.Modules/OrchardCore.Media/wwwroot/Styles/media.min.css b/src/OrchardCore.Modules/OrchardCore.Media/wwwroot/Styles/media.min.css