From f0911e52f0e71c6d2539bdc74a09ff2dbd5ab125 Mon Sep 17 00:00:00 2001
From: Stephen Blott
Date: Sun, 27 Mar 2016 11:40:49 +0100
Subject: 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.
---
 content_scripts/vimium.css | 39 ++++++++++++++-------------------------
 1 file changed, 14 insertions(+), 25 deletions(-)

(limited to 'content_scripts')

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; }
-- 
cgit v1.2.3