padrino-admin 0.11.3 → 0.11.4

data/lib/padrino-admin/bootstrap-less/modals.less

@@ -10,6 +10,14 @@
 // 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
@@ -23,22 +31,19 @@
   bottom: 0;
   left: 0;
   z-index: @zindex-modal-background;
-  -webkit-overflow-scrolling: touch;
 
   // When fading in the modal, animate it to slide down
-  &.fade {
-    top: -25%;
-    .transition(~"opacity 0.3s linear, top 0.3s ease-out");
+  &.fade .modal-dialog {
+    .translate(0, -25%);
+    .transition-transform(~"0.3s ease-out");
   }
-  &.fade.in { top: 0; }
+  &.in .modal-dialog { .translate(0, 0)}
 }
 
 // Shell div to position the modal with bottom padding
 .modal-dialog {
-  position: relative;
-  top: 0;
-  left: 0;
-  right: 0;
+  margin-left: auto;
+  margin-right: auto;
   width: auto;
   padding: 10px;
   z-index: (@zindex-modal-background + 10);
@@ -47,12 +52,12 @@
 // Actual modal
 .modal-content {
   position: relative;
-  background-color: #fff;
-  border: 1px solid #999;
-  border: 1px solid rgba(0,0,0,.2);
-  border-radius: 6px;
+  background-color: @modal-content-bg;
+  border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
+  border: 1px solid @modal-content-border-color;
+  border-radius: @border-radius-large;
   .box-shadow(0 3px 9px rgba(0,0,0,.5));
-  .background-clip(padding-box);
+  background-clip: padding-box;
   // Remove focus outline from opened modal
   outline: none;
 }
@@ -65,17 +70,17 @@
   bottom: 0;
   left: 0;
   z-index: (@zindex-modal-background - 10);
-  background-color: #000;
+  background-color: @modal-backdrop-bg;
   // Fade for backdrop
   &.fade { .opacity(0); }
-  &.fade.in { .opacity(.5); }
+  &.in { .opacity(.5); }
 }
 
 // Modal header
 // Top section of the modal w/ title and dismiss
 .modal-header {
   padding: @modal-title-padding;
-  border-bottom: 1px solid #e5e5e5;
+  border-bottom: 1px solid @modal-header-border-color;
   min-height: (@modal-title-padding + @modal-title-line-height);
 }
 // Close icon
@@ -101,7 +106,7 @@
   margin-top: 15px;
   padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
   text-align: right; // right align buttons
-  border-top: 1px solid #e5e5e5;
+  border-top: 1px solid @modal-footer-border-color;
   .clearfix(); // clear it in case folks use .pull-* classes on buttons
 
   // Properly space out buttons
@@ -125,8 +130,7 @@
   .modal-dialog {
     left: 50%;
     right: auto;
-    width: 560px;
-    margin-left: -280px;
+    width: 600px;
     padding-top: 30px;
     padding-bottom: 30px;
   }