only affix the sidenav in the docs if the viewport is >800px tall (fixes #8704 and avoids #8721)

1 files changed, 18 insertions, 16 deletions

diff --git a/assets/css/docs.css b/assets/css/docs.css
index 399595f92..b4f26539d 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -822,10 +822,6 @@ body {
   .bs-sidebar {
     display: block;
   }
-  /* Show the hidden subnavs when space allows it */
-  .bs-sidebar .nav > .active > ul {
-    display: block;
-  }
 
   /* Tweak display of docs jumbotrons */
   .bs-masthead {
@@ -850,7 +846,25 @@ body {
 
 /* Tablets/desktops and up */
 @media screen and (min-width: 992px) {
+  .bs-header h1,
+  .bs-header p {
+    margin-right: 380px;
+  }
+  .carbonad {
+    position: absolute;
+    top: 20px;
+    right: 0;
+    padding: 15px !important;
+    width: 330px !important;
+    min-height: 132px;
+  }
+}
 
+@media screen and (min-width: 992px) and (min-height: 800px) {
+  /* Show the hidden subnavs when space allows it */
+  .bs-sidebar .nav > .active > ul {
+    display: block;
+  }
   /* Widen the fixed sidebar */
   .bs-sidebar.affix,
   .bs-sidebar.affix-bottom {
@@ -868,18 +882,6 @@ body {
     margin-top: 0;
     margin-bottom: 0;
   }
-  .bs-header h1,
-  .bs-header p {
-    margin-right: 380px;
-  }
-  .carbonad {
-    position: absolute;
-    top: 20px;
-    right: 0;
-    padding: 15px !important;
-    width: 330px !important;
-    min-height: 132px;
-  }
 }
 
 /* Large desktops and up */