fixup modal zindex

ethpandaops · Oct 15, 2024 · c10eb29 · c10eb29
1 parent 3d10361
commit c10eb29
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/static/js/explorer.js b/static/js/explorer.js
@@ -17,9 +17,10 @@
   function modalFixes() {
     // Fix bootstrap backdrop stacking when having multiple modals
     $(document).on('show.bs.modal', '.modal', function() {
-      const zIndex = 2000;
+      const offset = (10 * $('.modal:visible').length);
+      const zIndex = 2000 + offset;
       $(this).css('z-index', zIndex);
-      setTimeout(() => $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack'));
+      setTimeout(() => $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - offset - 1).addClass('modal-stack'));
     });
     // Fix bootstrap scrolling stacking when having multiple modals
     $(document).on('hidden.bs.modal', '.modal', function(){

diff --git a/templates/clients/clients_cl.html b/templates/clients/clients_cl.html
@@ -116,7 +116,7 @@ <h2 class="accordion-header">
 
               <!--- Peer DAS Warnings modal -->
              <div class="modal fade" id="peerDasWarningsModal" tabindex="-1" role="dialog" aria-labelledby="peerDasWarningsModal" aria-hidden="true">
-              <div class="modal-dialog modal-lg" role="document">
+              <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
                 <div class="modal-content">
                   <div class="modal-header">
                     <h5 class="modal-title" id="peerDasWarningsModal">👀 PeerDAS: Some problems were detected</h5>