ELFinder pop up dialog rendering error
Thanks for the theme. It is great.
And thanks for including a solution for problem with the elFinder missing background in CKEdtior 5.
But there is another issue with elFinder that comes from your bootstrap.css. elFinder uses pop up dialogs for e.g. selecting files for upload. While the pop up dialog is active, the main dialog is greyed out.
Due to a rule in the bootstrap.css the z-index of the out greying layer is changed from 100 to 2000 and the active pop dialog is now under the out greying layer and can no longer be used.
Problematic rule and original rule:
.ui-widget-overlay.ui-front { z-index: 2000 } -> sites/default/files/civicrm/ext/theisland/css/bootstrap.css
.ui-front { z-index: 100 } (elfinder.css) -> sites/default/files/civicrm/ext/ckeditor5/js/elFinder/css/elfinder.min.css
Here you can see the dialog under the grey out layer:
Here is the dialog over the grey out layer:
As you can see there is also a problem with the background of the dialog as it is missing. Maybe you can fix this too, while your at it. That would be great.
Right now there are two rule setting a background for .ui-widget and .ui-widget-content. The jquery-ui.css seem to be the right one
second rule
.ui-widget { background: none } -> sites/default/files/css/css__R__8HaDaj6E6VMYZpRYaVDJClgJBHSpU1M4xclpolg.css
first rule
.ui-widget-content { background: #fff } -> libraries/civicrm/core/bower_components/jquery-ui/themes/smoothness/jquery-ui.min.css