diff options
| author | Stephen Blott | 2014-11-02 15:02:56 +0000 |
|---|---|---|
| committer | Stephen Blott | 2014-11-02 15:02:56 +0000 |
| commit | c6a7d6ce9d968bbdf3d820154c302878d2ba8dab (patch) | |
| tree | 588dc336b54bd20263a7b1d2a0dc80d5b5e33155 | |
| parent | 2c27a1cf0abf1739a97763c9503c0a2cedaef3a9 (diff) | |
| download | vimium-c6a7d6ce9d968bbdf3d820154c302878d2ba8dab.tar.bz2 | |
Tweaks to options page.
| -rw-r--r-- | pages/options.coffee | 2 | ||||
| -rw-r--r-- | 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 @@ <body> <div id="wrapper"> - <header>Vimium options</header> + <header>Vimium Options</header> <table id="options"> <tr> - <td class="caption">Scroll step size</td> - <td> - <input id="scrollStepSize" type="number" />px - </td> - </tr> - <tr> - <td class="caption">Custom key<br/>mappings</td> - <td id="mappingsHelp" verticalAlign="top"> - <div class="help"> - <div class="example"> - <!-- TODO(ilya/philc): Expand this and style it better. --> - Enter commands to remap your keys. Available commands:<br/> - <pre id="exampleKeyMapping"> -map j scrollDown -unmap j -unmapAll -" this is a comment -# this is also a comment</pre> - <a href="#" id="showCommands">Show available commands.</a> - </div> - </div> - <textarea id="keyMappings" type="text"></textarea> - </td> - </tr> - <tr> - <td>Excluded URLs<br/>and keys</td> + <td class="caption">Excluded URLs<br/>and keys</td> <td> <div class="help"> <div class="example"> @@ -263,19 +246,30 @@ unmapAll </div> </td> </tr> + <tr> + <td class="caption">Custom key<br/>mappings</td> + <td id="mappingsHelp" verticalAlign="top"> + <div class="help"> + <div class="example"> + <!-- TODO(ilya/philc): Expand this and style it better. --> + Enter commands to remap your keys. Available commands:<br/> + <pre id="exampleKeyMapping"> +map j scrollDown +unmap j +unmapAll +" this is a comment +# this is also a comment</pre> + <a href="#" id="showCommands">Show available commands.</a> + </div> + </div> + <textarea id="keyMappings" type="text"></textarea> + </td> + </tr> <tbody id='advancedOptions'> <tr> - <td class="caption">CSS for link hints</td> - <td verticalAlign="top"> - <div class="help"> - <div class="example"> - The CSS used to style the characters next to each link hint.<br/><br/> - Note: these styles are used in addition to and take precedence over Vimium's - default styles. - </div> - </div> - <textarea id="userDefinedLinkHintCss" class="code" type="text"></textarea> - <div class="nonEmptyTextOption"> + <td class="caption">Scroll step size</td> + <td> + <input id="scrollStepSize" type="number" />px </td> </tr> <tr> @@ -307,8 +301,7 @@ unmapAll <td verticalAlign="top" class="booleanOption"> <div class="help"> <div class="example"> - 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. </div> </div> <label> @@ -398,6 +391,20 @@ unmapAll <textarea id="searchEngines"></textarea> </td> </tr> + <tr> + <td class="caption">CSS for link hints</td> + <td verticalAlign="top"> + <div class="help"> + <div class="example"> + The CSS used to style the characters next to each link hint.<br/><br/> + Note: these styles are used in addition to and take precedence over Vimium's + default styles. + </div> + </div> + <textarea id="userDefinedLinkHintCss" class="code" type="text"></textarea> + <div class="nonEmptyTextOption"> + </td> + </tr> </tbody> </table> |