use @zindex-modal for .modal and @zindex-modal-background for .modal-backdrop.

removed z-index for .modal-dialog, it was not necessary because the parent element (.modal) already has a z-index.

diff --git a/less/modals.less b/less/modals.less
index 292b5bd9c0923e05a12a1e975eca68cb2eaa871e..717c7b3552489ce9111ed10168a359f1aa945c32 100644 (file)
--- a/less/modals.less
+++ b/less/modals.less
@@ -22,7 +22,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: @zindex-modal-background;
+  z-index: @zindex-modal;
 
   // When fading in the modal, animate it to slide down
   &.fade .modal-dialog {
@@ -37,7 +37,6 @@
   position: relative;
   width: auto;
   margin: 10px;
-  z-index: (@zindex-modal-background + 10);
 }
 
 // Actual modal
@@ -60,7 +59,7 @@
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: (@zindex-modal-background - 10);
+  z-index: @zindex-modal-background;
   background-color: @modal-backdrop-bg;
   // Fade for backdrop
   &.fade { .opacity(0); }