From c6a7d6ce9d968bbdf3d820154c302878d2ba8dab Mon Sep 17 00:00:00 2001 From: Stephen Blott Date: Sun, 2 Nov 2014 15:02:56 +0000 Subject: Tweaks to options page. --- pages/options.coffee | 2 +- pages/options.html | 89 ++++++++++++++++++++++++++++------------------------ 2 files changed, 49 insertions(+), 42 deletions(-) diff --git a/pages/options.coffee b/pages/options.coffee index 1ac40503..c85acd9a 100644 --- a/pages/options.coffee +++ b/pages/options.coffee @@ -195,7 +195,7 @@ document.addEventListener "DOMContentLoaded", -> for element in document.getElementsByClassName "nonEmptyTextOption" element.className = element.className + " example info" - element.innerHTML = "If this option is empty, then it will be reset to its default value." + element.innerHTML = "Leave empty to reset to the value." maintainLinkHintsView() window.onbeforeunload = -> "You have unsaved changes to options." unless $("saveOptions").disabled diff --git a/pages/options.html b/pages/options.html index 995cf91f..48feb617 100644 --- a/pages/options.html +++ b/pages/options.html @@ -99,6 +99,8 @@ .caption { margin-right: 10px; min-width: 130px; + padding-top: 3px; + vertical-align: top; } td { padding: 0; } div#exampleKeyMapping { @@ -106,7 +108,13 @@ margin-top: 5px; } input#linkHintCharacters { - width: 160px; + width: 100%; + } + input#linkHintNumbers { + width: 100%; + } + input#linkHintCharacters { + width: 100%; } input#scrollStepSize { width: 40px; @@ -208,35 +216,10 @@
-
Vimium options
+
Vimium Options
- - - - - - - - - + + + + + - - + @@ -307,8 +301,7 @@ unmapAll + + + +
Scroll step size - px -
Custom key
mappings		 -
-
- - Enter commands to remap your keys. Available commands:
- 
-map j scrollDown
-unmap j
-unmapAll
-" this is a comment
-# this is also a comment
- Show available commands. -
-
- -
Excluded URLs
and keys		Excluded URLs
and keys
@@ -263,19 +246,30 @@ unmapAll
Custom key
mappings		 +
+
+ + Enter commands to remap your keys. Available commands:
+ 
+map j scrollDown
+unmap j
+unmapAll
+" this is a comment
+# this is also a comment
+ Show available commands. +
+
+ +
CSS for link hints -
-
- The CSS used to style the characters next to each link hint.

- Note: these styles are used in addition to and take precedence over Vimium's - default styles. -
-
- -
+
Scroll step size + px
- After typing "F" to enter link hinting mode, this option lets you type the text of a link - to select it. + After typing "F" to enter link hinting mode, this option lets you select a link by typing its text.
CSS for link hints +
+
+ The CSS used to style the characters next to each link hint.

+ Note: these styles are used in addition to and take precedence over Vimium's + default styles. +
+
+ +
+
-- cgit v1.2.3