diff options
Diffstat (limited to 'pages/options.html')
| -rw-r--r-- | pages/options.html | 78 |
1 files changed, 49 insertions, 29 deletions
diff --git a/pages/options.html b/pages/options.html index 07dcab1d..fb904316 100644 --- a/pages/options.html +++ b/pages/options.html @@ -109,11 +109,6 @@ width: 40px; margin-right: 3px; } - textarea#excludedUrls { - margin-top: 5px; - width: 100%; - min-height: 100px; - } textarea#userDefinedLinkHintCss { width: 100%;; min-height: 100px; @@ -178,6 +173,31 @@ padding: 15px 0; border-top: 1px solid #eee; } + /* Ids and classes for rendering exclusionRules */ + #exclusionScrollBox { + overflow: scroll; + overflow-x: hidden; + overflow-y: auto; + height: 225px; + border: 1px solid #bfbfbf; + border-radius: 2px; + color: #444; + } + input.pattern, input.passKeys { + font-family: Consolas, "Liberation Mono", Courier, monospace; + font-size: 14px; + } + .pattern { + width: 250px; + } + .passKeys { + width: 120px; + } + #exclusionAddButton { + float: right; + margin-top: 5px; + margin-right: 0px; + } </style> <link rel="stylesheet" type="text/css" href="../content_scripts/vimium.css" /> @@ -196,31 +216,31 @@ </td> </tr> <tr> - <td colspan="3"> - Excluded URLs and keys<br/> - <div class="help"> - <div class="example"> - <p> - To disable Vimium on a site, use:<br/> - <tt>http*://mail.google.com/*</tt><br/> - This will <i>wholly disable</i> Vimium on Gmail.<br/><br/> - To use Vimium together with a website's own<br/> - key bindings, use:<br/> - <tt>http*://mail.google.com/* jknpc</tt><br/> - This will <i>enable</i> Vimium on Gmail, but pass<br/> - the five listed keys through to Gmail itself.<br/><br/> - One entry per line.<br/> - </p> - </div> + <td>Excluded URLs<br/>and keys</td> + <td> + <div class="help"> + <div class="example"> + <p> + The left column contains URL patterns. Vimium will be wholly or partially disabled for URLs matching these patterns. Patterns are Javascript regular expressions. Additionally, the character "*" matches any zero or more characters. + </p> + <p> + The right column contains keys which Vimium would would normally handle, but should instead be passed through to the underlying web page (for pages matching the corresponding pattern). If empty, then Vimium is wholly disabled. + </p> </div> - <!-- Hack: fix a minimum size for the text area (below) so that it is - not too much smaller than its help text (above). --> - <!-- FIXME: - This text area should really be broken out into an array - of separate inputs. However, the whole options page really - needs a workover, so I'm leaving it like this, for now - (Steve, 23 Aug, 14). --> - <textarea id="excludedUrls" style="min-height:180px"></textarea> + </div> + <div> + <div id="exclusionScrollBox"> + <table id="exclusionRules"></table> + <template id="exclusionRuleTemplate"> + <tr> + <td><input/ type="text" class="pattern" placeholder="URL pattern"></td> + <td><input/ type="text" class="passKeys" placeholder="Exclude keys"></td> + <td><input/ type="button" class="exclusionRemoveButton" value="✖"></td> + </tr> + </template> + </div> + <button id="exclusionAddButton">Add Rule</button> + </div> </td> </tr> <tbody id='advancedOptions'> |