From a1ec761628051ad5dd04ea469f1a23b07b99ea70 Mon Sep 17 00:00:00 2001
From: David Anderson <david@alpinegizmo.com>
Date: Thu, 4 May 2017 13:51:36 +0200
Subject: [PATCH] [FLINK-5742] [docs] allow sidenav to work for widths down to
 992

This closes #3821
---
 docs/_layouts/base.html | 4 ++--
 docs/page/css/flink.css | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/docs/_layouts/base.html b/docs/_layouts/base.html
index 35499cd2867..88df5c97448 100644
--- a/docs/_layouts/base.html
+++ b/docs/_layouts/base.html
@@ -69,10 +69,10 @@ under the License.
       the _layouts directory goes here.
       {% endcomment %}
       <div class="row">
-        <div class="col-lg-3">
+        <div class="col-lg-3" id="sidenavcol">
           {% include sidenav.html %}
         </div>
-        <div class="col-lg-9 content">
+        <div class="col-lg-9 content" id="contentcol">
           {% if page.mathjax %}
           {% include latex_commands.html %}
           {% endif %}
diff --git a/docs/page/css/flink.css b/docs/page/css/flink.css
index b6d49472535..c0a7917e8fe 100644
--- a/docs/page/css/flink.css
+++ b/docs/page/css/flink.css
@@ -30,6 +30,11 @@ body {
 	background: #f8f8f8;
 }
 
+@media (min-width: 992px) and (max-width: 1200px) {
+    #contentcol { float: left; width: 70%; }
+    #sidenavcol { float: left; width: 30%; }
+}
+
 /*=============================================================================
  Per page TOC
 =============================================================================*/
-- 
GitLab