Making modal work with max width 767px - fixes #4860

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index f1efde190e45ffdcf1bc6b194f4ca9b72bb9dc3b..5320eadf82fccf713dd2bc45651372937bab0d3b 100644 (file)
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -872,8 +872,11 @@
     width: auto;
     margin: 0;
   }
+  .modal.fade {
+    top: -100px;
+  }
   .modal.fade.in {
-    top: auto;
+    top: 20px;
   }
 }
 

diff --git a/less/responsive-767px-max.less b/less/responsive-767px-max.less
index 45ce4ebc7714add556089679c6cd729b0b16891a..1d5c1239c99f889bb0b38d95fcd14ee9694d4e38 100644 (file)
--- a/less/responsive-767px-max.less
+++ b/less/responsive-767px-max.less
@@ -107,7 +107,8 @@
     right: 20px;
     width: auto;
     margin: 0;
-    &.fade.in { top: auto; }
+    &.fade  { top: -100px; }
+    &.fade.in { top: 20px; }
   }
 
 }