From d71706a07bec1056faefeb8ee7aa8b41548189ad Mon Sep 17 00:00:00 2001
From: Jez Ng
Date: Mon, 9 Jan 2012 17:07:51 +0800
Subject: Prevent help dialog from overflowing the screen.

Uses media queries.

Closes #419.
---
 helpDialog.html | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/helpDialog.html b/helpDialog.html
index e6977951..5ded51f2 100644
--- a/helpDialog.html
+++ b/helpDialog.html
@@ -28,6 +28,22 @@
       top:50px;
       -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px;
       z-index:99999998;
+      overflow-y: scroll;
+    }
+    @media screen and (max-height: 600px) {
+        #vimiumHelpDialog {
+            height: 430px;
+        }
+    }
+    @media screen and (max-height: 500px) {
+        #vimiumHelpDialog {
+            height: 330px;
+        }
+    }
+    @media screen and (max-height: 400px) {
+        #vimiumHelpDialog {
+            height: 230px;
+        }
     }
     #vimiumHelpDialog a { color:blue; }
     #vimiumTitle, #vimiumTitle * { font-size:20px; }
-- 
cgit v1.2.3