From a5a61567730f3055eefdf84435a80253d5cb1cc3 Mon Sep 17 00:00:00 2001
From: Stephen Blott
Date: Mon, 18 Apr 2016 14:40:53 +0100
Subject: Tweak max height of help dialog.

Apart from looking better (ie. symmetric), this also ensures that the
help dialog does not overlap the footer on the options page (which is
ugly).
---
 content_scripts/vimium.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

(limited to 'content_scripts')

diff --git a/content_scripts/vimium.css b/content_scripts/vimium.css
index a763b159..f902363c 100644
--- a/content_scripts/vimium.css
+++ b/content_scripts/vimium.css
@@ -151,7 +151,7 @@ iframe.vimiumHelpDialogFrame {
   left: 0px;
   border: none;
 
-  /* One less than hint markers and the vomnibar. */
+  /* One less than hint markers. */
   z-index: 2147483645;
 }
 
@@ -163,13 +163,14 @@ div#vimiumHelpDialog {
   border:2px solid #b3b3b3;
   border-radius:6px;
   padding:8px 12px;
-  width:640px;
-  max-height: calc(100% - 80px);
+  top:50px;
   left:50%;
+  width:640px;
+  max-height: calc(100% - 100px - 16px); /* 100% - 2*top - 2*padding for top/bottom */
   /* This needs to be 1/2 width to horizontally center the help dialog */
   margin-left:-320px;
-  top:50px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px;
+  overflow-x: auto;
   overflow-y: auto;
 }
 
-- 
cgit v1.2.3