diff options
Diffstat (limited to 'less/modals.less')
| -rw-r--r-- | less/modals.less | 26 |
1 files changed, 9 insertions, 17 deletions
diff --git a/less/modals.less b/less/modals.less index 8f727308a..40c491486 100644 --- a/less/modals.less +++ b/less/modals.less @@ -10,14 +10,6 @@ // Kill the scroll on the body .modal-open { overflow: hidden; - - - // Account for hiding of scrollbar - body&, - .navbar-fixed-top, - .navbar-fixed-bottom { - margin-right: 15px - } } // Container that the modal scrolls within @@ -30,8 +22,11 @@ right: 0; bottom: 0; left: 0; + z-index: @zindex-modal; + + // Prevent Chrome on Windows from adding a focus outline. For details, see + // https://github.com/twbs/bootstrap/pull/10951. outline: 0; - z-index: @zindex-modal-background; // When fading in the modal, animate it to slide down &.fade .modal-dialog { @@ -43,11 +38,9 @@ // Shell div to position the modal with bottom padding .modal-dialog { - margin-left: auto; - margin-right: auto; + position: relative; width: auto; - padding: 10px; - z-index: (@zindex-modal-background + 10); + margin: 10px; } // Actual modal @@ -70,7 +63,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); } @@ -108,7 +101,7 @@ padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding; text-align: right; // right align buttons border-top: 1px solid @modal-footer-border-color; - .clearfix(); // clear it in case folks use .pull-* classes on buttons + &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons // Properly space out buttons .btn + .btn { @@ -130,8 +123,7 @@ .modal-dialog { width: 600px; - padding-top: 30px; - padding-bottom: 30px; + margin: 30px auto; } .modal-content { .box-shadow(0 5px 15px rgba(0,0,0,.5)); |