[FLINK-5742] [docs] allow sidenav to work for widths down to 992

This closes #3821


Project: http://git-wip-us.apache.org/repos/asf/flink/repo
Commit: http://git-wip-us.apache.org/repos/asf/flink/commit/21961481
Tree: http://git-wip-us.apache.org/repos/asf/flink/tree/21961481
Diff: http://git-wip-us.apache.org/repos/asf/flink/diff/21961481

Branch: refs/heads/release-1.3
Commit: 21961481e6fd53f001158b1348f9ff8ea7eab4a3
Parents: 77d57f1
Author: David Anderson <[email protected]>
Authored: Thu May 4 13:51:36 2017 +0200
Committer: Greg Hogan <[email protected]>
Committed: Tue May 9 10:15:40 2017 -0400

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


http://git-wip-us.apache.org/repos/asf/flink/blob/21961481/docs/_layouts/base.html
----------------------------------------------------------------------
diff --git a/docs/_layouts/base.html b/docs/_layouts/base.html
index 35499cd..88df5c9 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 %}

http://git-wip-us.apache.org/repos/asf/flink/blob/21961481/docs/page/css/flink.css
----------------------------------------------------------------------
diff --git a/docs/page/css/flink.css b/docs/page/css/flink.css
index b6d4947..c0a7917 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
 =============================================================================*/

Reply via email to