diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2021-04-10 23:55:11 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-10 23:55:11 -0400 |
| commit | 20d60a2ba79c065586805806ea703a8057839f75 (patch) | |
| tree | 3043090e118e03a8e276d2a7f1557e525ac23239 /ext/settings.html | |
| parent | b23c4bff4bf319ea79eea0d025e21eb19e6dcd68 (diff) | |
Initial safari compatibility (#1609)
* Update environment info to return the 'safari' browser
* Fix popup display on Safari
* Update environment assignment
* Add data-loading-stalled property when loading takes longer than expected
* Add notification when loading has stalled
* Allow getDictionaryInfo invocation on non-privileged contexts
* Update _validatePrivilegedMessageSender
* Don't listen to 'voiceschanged' event unless addEventListener is present
Also expose an event
Diffstat (limited to 'ext/settings.html')
| -rw-r--r-- | ext/settings.html | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/ext/settings.html b/ext/settings.html index d629e6a6..732a96e2 100644 --- a/ext/settings.html +++ b/ext/settings.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en" data-browser="unknown" data-os="unknown" data-manifest-version="unknown"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> @@ -59,6 +59,23 @@ <h1>Yomichan Settings</h1> + <!-- Notifications --> + <div class="settings-group settings-group-top-margin page-loading-stalled-notification"> + <div class="settings-item"><div class="settings-item-inner settings-item-inner-wrappable"> + <div class="settings-item-left"> + <div class="settings-item-label"> + <p> + This page is taking longer than expected to load. + </p> + <p data-show-for-browser="safari"> + Due to a bug in Safari, it may be necessary to click the <img src="/images/yomichan-icon.svg" class="inline-icon" alt=""> <em>Yomichan</em> + button in the browser bar to fully load the page + </p> + </div> + </div> + </div></div> + </div> + <!-- Profile --> <div class="heading-container"> <div class="heading-container-icon"><span class="icon" data-icon="profile"></span></div> |