get affix actually working and update docs

2 files changed, 14 insertions, 3 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 6abfad081..3fd9070be 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1042,6 +1042,7 @@ input[type="file"] {
 
 select {
   width: 220px;
+  background-color: #ffffff;
   border: 1px solid #bbb;
 }
 
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 684e9529b..685f3b7af 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -805,9 +805,13 @@ form.bs-docs-example {
   opacity: .75;
 }
 .bs-docs-sidenav.affix {
-  top: 30px;
+  top: 40px;
+}
+.bs-docs-sidenav.affix-bottom {
+  position: absolute;
+  top: auto;
+  bottom: 270px;
 }
-
 
 
 
@@ -860,12 +864,15 @@ form.bs-docs-example {
   }
   /* Widen masthead and social buttons to fill body padding */
   .jumbotron {
-    margin-top:   -20px; /* Offset bottom margin on .navbar */
+    margin-top: -20px; /* Offset bottom margin on .navbar */
   }
   /* Adjust sidenav width */
   .bs-docs-sidenav {
     width: 166px;
   }
+  .bs-docs-sidenav.affix {
+    top: 0px;
+  }
 }
 
 /* Tablet
@@ -921,6 +928,9 @@ form.bs-docs-example {
   .footer p {
     margin-bottom: 9px;
   }
+  .bs-docs-sidenav.affix {
+    top: 0;
+  }
 }
 
 /* Landscape phones