Fix options page when help-dialog showing.

This allows the user to enter key mappings on the options page with the
help dialog open.

Fixes #2045.

1 files changed, 14 insertions, 25 deletions

diff --git a/content_scripts/vimium.css b/content_scripts/vimium.css
index a763b159..68d8d1e5 100644
--- a/content_scripts/vimium.css
+++ b/content_scripts/vimium.css
@@ -138,39 +138,28 @@ div.vimiumHighlightedFrame {
 /* Help Dialog CSS */
 
 iframe.vimiumHelpDialogFrame {
-  background-color: transparent;
-  padding: 0px;
-  overflow: hidden;
+  padding:0px;
+  overflow:hidden;
+  overflow-y:auto;
+
+  width:680px;
+  min-width:400px;
+  height:calc(100% - 65px);
+  max-height:calc(100% - 65px);
 
   display: block;
   position: fixed;
-  width: 100%;
-  min-width: 400px;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-  border: none;
-
-  /* One less than hint markers and the vomnibar. */
-  z-index: 2147483645;
-}
+  top:50px;
+  left:50%;
+  margin-left:-340px; /* Half the width to horizontally center the dialog */
+  z-index:2147483645; /* One less than hint markers and the vomnibar. */
 
-div#vimiumHelpDialog {
-  border:3px solid red;
   opacity:0.92;
   background-color:#eee;
-  position:fixed;
+
   border:2px solid #b3b3b3;
   border-radius:6px;
-  padding:8px 12px;
-  width:640px;
-  max-height: calc(100% - 80px);
-  left:50%;
-  /* 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-y: auto;
+  -webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px;
 }
 
 div#vimiumHelpDialog a { color:blue; }