aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorsiikamiika <siikamiika@users.noreply.github.com>2019-10-28 01:13:05 +0200
committersiikamiika <siikamiika@users.noreply.github.com>2019-10-28 01:13:05 +0200
commitf6d3f739a85367058a45581c7d7e4f9fffcca776 (patch)
tree25f7e7afb6237c78f2ac84e36e3da16f0f30496e
parenta31ee0a0e9b4f1198cb9ac43d205267b8cf45bb2 (diff)
improve search page checkbox usability
Disable text selection and make the entire area clickable, including whitespace
-rw-r--r--ext/bg/search.html14
1 files changed, 9 insertions, 5 deletions
diff --git a/ext/bg/search.html b/ext/bg/search.html
index 8b339cc7..9853ee5e 100644
--- a/ext/bg/search.html
+++ b/ext/bg/search.html
@@ -19,14 +19,18 @@
<p style="margin-bottom: 0;">Search your installed dictionaries by entering a Japanese expression into the field below.</p>
</div>
- <div class="input-group" style="padding-top: 10px; font-size: 20px;">
+ <div class="input-group" style="padding-top: 10px; font-size: 20px; user-select: none;">
<span title="Enable kana input method" class="input-group-text">
- <label for="wanakana-enable">あ</label>
- <input type="checkbox" id="wanakana-enable" />
+ <label>
+ あ
+ <input type="checkbox" id="wanakana-enable" />
+ </label>
</span>
<span title="Enable clipboard monitor" class="input-group-text">
- <label for="clipboard-monitor-enable"><span class="glyphicon glyphicon-paste"></span></label>
- <input type="checkbox" id="clipboard-monitor-enable" />
+ <label>
+ <span class="glyphicon glyphicon-paste"></span>
+ <input type="checkbox" id="clipboard-monitor-enable" />
+ </label>
</span>
</div>