diff options
| author | Stephen Blott | 2016-04-23 06:53:55 +0100 |
|---|---|---|
| committer | Stephen Blott | 2016-04-23 07:16:33 +0100 |
| commit | 98ea279485fc456bbe4349559f9c08a24e2c4214 (patch) | |
| tree | fb50db6f3c2e27b103a1ce9bdcb15c397011ec6a /pages | |
| parent | 546d8b91c2e0991c410a42b2098ff1d478f24c73 (diff) | |
| download | vimium-98ea279485fc456bbe4349559f9c08a24e2c4214.tar.bz2 | |
Show tip re. clicking command names.
It's pretty undiscoverable that you can click command names to yank
them. So, this adds a tip to the bottom of the help dialog.
Also, change the cursor to a pointer when hovering over command names.
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/help_dialog.coffee | 4 | ||||
| -rw-r--r-- | pages/help_dialog.html | 14 |
2 files changed, 15 insertions, 3 deletions
diff --git a/pages/help_dialog.coffee b/pages/help_dialog.coffee index 6eb13660..28aafb4a 100644 --- a/pages/help_dialog.coffee +++ b/pages/help_dialog.coffee @@ -19,7 +19,7 @@ HelpDialog = clickEvent.preventDefault() chrome.runtime.sendMessage({handler: "openOptionsPageInNewTab"}) false) - @dialogElement.getElementsByClassName("toggleAdvancedCommands")[0].addEventListener("click", + document.getElementById("toggleAdvancedCommands").addEventListener("click", HelpDialog.toggleAdvancedCommands, false) document.documentElement.addEventListener "click", (event) => @@ -58,7 +58,7 @@ HelpDialog = Settings.set("helpDialog_showAdvancedCommands", !showAdvanced) showAdvancedCommands: (visible) -> - HelpDialog.dialogElement.getElementsByClassName("toggleAdvancedCommands")[0].innerHTML = + document.getElementById("toggleAdvancedCommands").innerHTML = if visible then "Hide advanced commands" else "Show advanced commands" # Add/remove the showAdvanced class to show/hide advanced commands. diff --git a/pages/help_dialog.html b/pages/help_dialog.html index e16b0139..a0ba6de5 100644 --- a/pages/help_dialog.html +++ b/pages/help_dialog.html @@ -65,11 +65,23 @@ </table> </div> + <div> + <table> + <tr> + <td class="helpDialogBottomLeft"> + <span id="help-dialog-tip"></span> + </td> + <td class="helpDialogBottomRight"> + <a href="#" id="toggleAdvancedCommands">Show advanced commands</a> + </td> + </tr> + </table> + </div> + <br clear="both"/> <div class="vimiumReset vimiumDivider"></div> <div id="vimiumHelpDialogFooter" class="vimiumReset"> - <a href="#" class="vimiumReset toggleAdvancedCommands">Show advanced commands</a> <div class="vimiumReset vimiumColumn"> Enjoying Vimium? <a class="vimiumHelDialogLink" target="_blank" |