slightly fix side bar

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 5d9860248f8aed162fc6fb9ab74c8af700f7509e..df389af9ccbef73204b7a2fc19672bfc2fa14d35 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -67,6 +67,7 @@ sub {
 }
 
 img {
+  height: auto;
   max-width: 100%;
   vertical-align: middle;
   border: 0;

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 0f78130deb6e1386c0806168e3b6f5650e2bb1f4..4f55f268a6fa0e67b25aaf851502ad08190688a5 100644 (file)
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -886,6 +886,7 @@ form.bs-docs-example {
   min-height: 1px;
 }
 .bs-docs-sidenav {
+  width: 218px;
   margin-top: 40px;
   padding: 0;
   margin-right: 10px;
@@ -930,28 +931,36 @@ form.bs-docs-example {
   background-image: url(../img/glyphicons-halflings-white.png);
   opacity: .75;
 }
-
 .bs-docs-sidenav.affix {
   top: 40px;
 }
 
-@media (max-width: 979px) {
-
-  .bs-docs-sidenav.affix {
-    top: 0px;
+@media (min-width: 1200px) {
+  .bs-docs-sidenav {
+    width: 258px;
   }
+}
 
+@media (max-width: 979px) {
   .bs-docs-sidenav {
+    top: 0px;
     margin-top: 30px;
     margin-right: 0;
   }
+}
 
+@media (min-width: 768px) and (max-width: 979px) {
+  .bs-docs-sidenav {
+    width: 166px;
+  }
 }
 
 @media (max-width: 767px) {
-
+  .bs-docs-sidenav {
+    width: auto;
+  }
   .bs-docs-sidenav.affix {
     position: relative;
+    width: auto;
   }
-
 }

diff --git a/docs/assets/js/bootstrap-affix.js b/docs/assets/js/bootstrap-affix.js
index 33207b0fbddbfb1180dc8ed732b56a7d6dae1262..a1cd10933f06222e88155f7a597e2b66a8d9e2fb 100644 (file)
--- a/docs/assets/js/bootstrap-affix.js
+++ b/docs/assets/js/bootstrap-affix.js
@@ -50,7 +50,6 @@
 
     if (typeof offset != 'object') offset = { x: offset, y: offset }
 
-
     affix = (offset.x == null || (position.left - scrollLeft <= offset.x))
          && (offset.y == null || (position.top  - scrollTop  <= offset.y))
 
@@ -82,7 +81,6 @@
   }
 
 
-
  /* AFFIX DATA-API
   * ============== */
 

diff --git a/docs/javascript.html b/docs/javascript.html
index bc17456eaec85ce7b5d6ce5cf4588a5d8928c199..e0d54951843694aec78e0c7ad8e2f4fae8fd4e09 100644 (file)
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -85,7 +85,7 @@
   ================================================== -->
   <div class="row">
     <div class="span3 bs-docs-sidebar">
-      <ul class="span3 nav nav-list bs-docs-sidenav" data-spy="affix" data-offset-y="80">
+      <ul class="nav nav-list bs-docs-sidenav" data-spy="affix" data-offset-y="80">
         <li><a href="#overview">Overview <i class="icon-chevron-right"></i></a></li>
         <li><a href="#transitions">Transitions <i class="icon-chevron-right"></i></a></li>
         <li><a href="#modals">Modal <i class="icon-chevron-right"></i></a></li>

diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index c5afdfb06888a14ae116f8ebb8299f5454215488..906fbc4c6cac265bb49703db517e761f0af01f28 100644 (file)
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -14,7 +14,7 @@
   ================================================== -->
   <div class="row">
     <div class="span3 bs-docs-sidebar">
-      <ul class="span3 nav nav-list bs-docs-sidenav" data-spy="affix" data-offset-max-979="40" data-offset="80">
+      <ul class="nav nav-list bs-docs-sidenav" data-spy="affix" data-offset-y="80">
         <li><a href="#overview">{{_i}}Overview{{/i}} <i class="icon-chevron-right"></i></a></li>
         <li><a href="#transitions">{{_i}}Transitions{{/i}} <i class="icon-chevron-right"></i></a></li>
         <li><a href="#modals">{{_i}}Modal{{/i}} <i class="icon-chevron-right"></i></a></li>