From 676da764fe2c6625474b132834bf72c95a8f3aaa Mon Sep 17 00:00:00 2001
From: Min RK <benjaminrk@gmail.com>
Date: Fri, 13 Mar 2015 13:16:13 -0700
Subject: [PATCH] scroll quickhelp dialog if large

using `calc(100vh-padding)` for max-height
---
 IPython/html/static/base/less/page.less | 6 ++++--
 IPython/html/static/style/style.min.css | 5 +++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/IPython/html/static/base/less/page.less b/IPython/html/static/base/less/page.less
index ddc7d9855..56533dd70 100644
--- a/IPython/html/static/base/less/page.less
+++ b/IPython/html/static/base/less/page.less
@@ -120,9 +120,11 @@ span#login_widget > .button,
 // class for stretching dialogs to fill the screen
 .modal_stretch .modal-dialog {
     .vbox();
-    min-height: 80%;
+    min-height: 80vh;
     .modal-body {
-        max-height: none;
+        // ~"foo" is to avoid less turning this into a weird value
+        max-height: calc(~"100vh - 200px");
+        overflow: auto;
         flex: 1;
     }
 }
diff --git a/IPython/html/static/style/style.min.css b/IPython/html/static/style/style.min.css
index db72a4426..c4608cacc 100644
--- a/IPython/html/static/style/style.min.css
+++ b/IPython/html/static/style/style.min.css
@@ -8572,10 +8572,11 @@ span#login_widget > .button .badge,
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  min-height: 80%;
+  min-height: 80vh;
 }
 .modal_stretch .modal-dialog .modal-body {
-  max-height: none;
+  max-height: calc(100vh - 200px);
+  overflow: auto;
   flex: 1;
 }
 @media (min-width: 768px) {