diff options
| author | Kuuuube <61125188+Kuuuube@users.noreply.github.com> | 2024-05-06 21:29:06 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-07 01:29:06 +0000 |
| commit | 4ec1de0c98199b637bb538ee567ee7b2ffacbb80 (patch) | |
| tree | 078a5c72dd1e40f9ad6db253f3a6c76777399bed /ext/action-popup.html | |
| parent | e8340a8de705e816d74c0ae7f2222c986dbd4d8c (diff) | |
Fix mobile action-popup (#886)
* Fix mobile action popup
* Fix toggle-handle
* Prevent action-popup looking wacky if it somehow gets rendered as a popup (desktop) instead of a full page (mobile)
* Replace chevron icons with action specific icons
Diffstat (limited to 'ext/action-popup.html')
| -rw-r--r-- | ext/action-popup.html | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/ext/action-popup.html b/ext/action-popup.html index d86fe2ac..bc5bdcb4 100644 --- a/ext/action-popup.html +++ b/ext/action-popup.html @@ -18,7 +18,7 @@ <div id="mini"> <label class="toggle"> - <input type="checkbox" id="enable-search"> + <input type="checkbox" class="enable-search"> <div class="toggle-group"> <span class="toggle-on">On</span> <span class="toggle-off">Off</span> @@ -57,28 +57,33 @@ <div id="full"> <h3 id="extension-info">Yomitan</h3> - <label class="link-group"> - <span class="link-group-icon"><input type="checkbox" id="enable-search2"></span><span class="link-group-label">Enable content scanning</span> + <label class="toggle"> + <input type="checkbox" class="enable-search"> + <div class="toggle-group"> + <span class="toggle-on">On</span> + <span class="toggle-off">Off</span> + <span class="toggle-handle"></span> + </div> </label> <a tabindex="0" class="link-group action-open-settings"> - <span class="link-group-icon" data-icon="chevron"></span> + <span class="link-group-icon" data-icon="cog"></span> <span class="link-group-label">Settings</span> <span class="link-group-badge"> <div class="flex-margin-left warning-badge no-dictionaries-enabled-warning" hidden><span class="icon" data-icon="exclamation-point-short"></span></div> </span> </a> <a tabindex="0" class="link-group action-open-permissions" hidden> - <span class="link-group-icon" data-icon="chevron"></span> + <span class="link-group-icon" data-icon="key"></span> <span class="link-group-label">Permissions</span> <span class="link-group-badge"> <div class="flex-margin-left warning-badge permissions-required-warning" hidden><span class="icon" data-icon="exclamation-point-short"></span></div> </span> </a> <a tabindex="0" class="link-group action-open-search"> - <span class="link-group-icon" data-icon="chevron"></span><span class="link-group-label">Search</span> + <span class="link-group-icon" data-icon="magnifying-glass"></span><span class="link-group-label">Search</span> </a> <a tabindex="0" class="link-group action-open-info"> - <span class="link-group-icon" data-icon="chevron"></span><span class="link-group-label">Information</span> + <span class="link-group-icon" data-icon="question-mark-circle"></span><span class="link-group-label">Information</span> </a> </div> |