From b84ad79b2fe93b6b4ecd1bea1e6c8f2756daf8cd Mon Sep 17 00:00:00 2001
From: Min RK <benjaminrk@gmail.com>
Date: Tue, 20 Jan 2015 17:11:51 -0800
Subject: [PATCH 1/2] don't use fixed header

instead, use static header and flex box to accomplish the same thing.

fixes various issues related to scrolling, anchors, etc.
---
 IPython/html/static/base/less/page.less |  4 ++++
 IPython/html/static/style/style.min.css | 17 +++++++++++++++++
 IPython/html/templates/page.html        |  4 +---
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/IPython/html/static/base/less/page.less b/IPython/html/static/base/less/page.less
index 27b9d5bd9..3472a9746 100644
--- a/IPython/html/static/base/less/page.less
+++ b/IPython/html/static/base/less/page.less
@@ -14,6 +14,7 @@ body {
     right: 0px;
     top: 0px;
     bottom: 0px;
+    .vbox();
     overflow: visible;
 }
 
@@ -81,6 +82,9 @@ body {
     width: 100%;
     display: none;
     .border-box-sizing();
+    flex: 1;
+    overflow: auto;
+    height: 0px; // triggers overflow, but overridded by flex
 }
 
 /* Smaller buttons */
diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css
index 6507f5cf2..36583e969 100644
--- a/IPython/html/static/style/style.min.css
+++ b/IPython/html/static/style/style.min.css
@@ -8265,6 +8265,20 @@ body {
   right: 0px;
   top: 0px;
   bottom: 0px;
+  /* Old browsers */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-box-align: stretch;
+  display: -moz-box;
+  -moz-box-orient: vertical;
+  -moz-box-align: stretch;
+  display: box;
+  box-orient: vertical;
+  box-align: stretch;
+  /* Modern browsers */
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
   overflow: visible;
 }
 #header {
@@ -8329,6 +8343,9 @@ body {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
+  flex: 1;
+  overflow: auto;
+  height: 0px;
 }
 /* Smaller buttons */
 .ui-button .ui-button-text {
diff --git a/IPython/html/templates/page.html b/IPython/html/templates/page.html
index eb362c1a6..09131fe5e 100644
--- a/IPython/html/templates/page.html
+++ b/IPython/html/templates/page.html
@@ -81,7 +81,7 @@
   </div>
 </noscript>
 
-<div id="header" class="navbar navbar-fixed-top">
+<div id="header">
   <div id="header-container" class="container">
   <div id="ipython_notebook" class="nav navbar-brand pull-left"><a href="{{base_url}}tree" title='dashboard'>{% block logo %}<img src='{{static_url("base/images/logo.png") }}' alt='Jupyter Notebook'/>{% endblock %}</a></div>
 
@@ -106,8 +106,6 @@
   {% endblock %}
 </div>
 
-<div id="header-spacer"></div>
-
 <div id="site">
 {% block site %}
 {% endblock %}

From cf25b8a93c2a715d22be1b1c94ff6bdeaaf72eac Mon Sep 17 00:00:00 2001
From: Min RK <benjaminrk@gmail.com>
Date: Wed, 21 Jan 2015 16:08:53 -0800
Subject: [PATCH 2/2] fix printing

---
 IPython/html/static/base/less/page.less | 10 +++++--
 IPython/html/static/style/style.min.css | 40 +++++++++++++++----------
 2 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/IPython/html/static/base/less/page.less b/IPython/html/static/base/less/page.less
index 3472a9746..c58166187 100644
--- a/IPython/html/static/base/less/page.less
+++ b/IPython/html/static/base/less/page.less
@@ -14,7 +14,9 @@ body {
     right: 0px;
     top: 0px;
     bottom: 0px;
-    .vbox();
+    @media not print {
+      .vbox();
+    }
     overflow: visible;
 }
 
@@ -82,9 +84,11 @@ body {
     width: 100%;
     display: none;
     .border-box-sizing();
-    flex: 1;
     overflow: auto;
-    height: 0px; // triggers overflow, but overridded by flex
+    @media not print {
+      flex: 1;
+      height: 0px; // triggers overflow, but overridded by flex
+    }
 }
 
 /* Smaller buttons */
diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css
index 36583e969..ea47e5595 100644
--- a/IPython/html/static/style/style.min.css
+++ b/IPython/html/static/style/style.min.css
@@ -8265,22 +8265,26 @@ body {
   right: 0px;
   top: 0px;
   bottom: 0px;
-  /* Old browsers */
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-box-align: stretch;
-  display: -moz-box;
-  -moz-box-orient: vertical;
-  -moz-box-align: stretch;
-  display: box;
-  box-orient: vertical;
-  box-align: stretch;
-  /* Modern browsers */
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
   overflow: visible;
 }
+@media not print {
+  body {
+    /* Old browsers */
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-box-align: stretch;
+    display: -moz-box;
+    -moz-box-orient: vertical;
+    -moz-box-align: stretch;
+    display: box;
+    box-orient: vertical;
+    box-align: stretch;
+    /* Modern browsers */
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+  }
+}
 #header {
   /* Initially hidden to prevent FLOUC */
   display: none;
@@ -8343,9 +8347,13 @@ body {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
-  flex: 1;
   overflow: auto;
-  height: 0px;
+}
+@media not print {
+  #site {
+    flex: 1;
+    height: 0px;
+  }
 }
 /* Smaller buttons */
 .ui-button .ui-button-text {