diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2020-10-20 19:08:17 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-20 19:08:17 -0400 |
| commit | ecbac2c5ea4aecfb4d43d5beb20792f644e334d0 (patch) | |
| tree | 0890783bbecf2886610324625e7463155da969fa /ext/bg/settings-popup-preview.html | |
| parent | 23230b8a7c5eb66357d5bcafb4184def13c5954b (diff) | |
Popup preview improvements (#947)
* Move CSS
* Update indent
* Refactor HTML/CSS
* Add support for editing the source text
* Add WanaKana binding for input
* Rename file
Diffstat (limited to 'ext/bg/settings-popup-preview.html')
| -rw-r--r-- | ext/bg/settings-popup-preview.html | 141 |
1 files changed, 0 insertions, 141 deletions
diff --git a/ext/bg/settings-popup-preview.html b/ext/bg/settings-popup-preview.html deleted file mode 100644 index 6487bd25..00000000 --- a/ext/bg/settings-popup-preview.html +++ /dev/null @@ -1,141 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width,initial-scale=1" /> - <title>Yomichan Popup Preview</title> - <link rel="icon" type="image/png" href="/mixed/img/icon16.png" sizes="16x16"> - <link rel="icon" type="image/png" href="/mixed/img/icon19.png" sizes="19x19"> - <link rel="icon" type="image/png" href="/mixed/img/icon32.png" sizes="32x32"> - <link rel="icon" type="image/png" href="/mixed/img/icon38.png" sizes="38x38"> - <link rel="icon" type="image/png" href="/mixed/img/icon48.png" sizes="48x48"> - <link rel="icon" type="image/png" href="/mixed/img/icon64.png" sizes="64x64"> - <link rel="icon" type="image/png" href="/mixed/img/icon128.png" sizes="128x128"> - <link rel="stylesheet" type="text/css" href="/fg/css/client.css" id="client-css"> - <style> - html { - transition: background-color 0.25s linear 0s, color 0.25s linear 0s; - color: #333333; - } - html.dark { - background-color: #1e1e1e; - color: #d4d4d4; - } - html, body { - margin: 0; - padding: 0; - border: 0; - overflow: hidden; - width: 100%; - height: 100%; - font-family: "Helvetica Neue", Helvetica, Arial ,sans-serif; - font-size: 14px; - } - iframe.yomichan-float { - resize: none; - } - .vertical-align-outer { - width: 100%; - height: 100%; - white-space: nowrap; - } - .vertical-align-outer::before { - content: ""; - display: inline-block; - vertical-align: middle; - width: 0; - height: 100%; - } - .vertical-align-inner { - display: inline-block; - vertical-align: middle; - white-space: normal; - width: 100%; - } - .horizontal-size { - max-width: 400px; - padding: 15px; - margin: 0 auto; - } - .example-text-container { - font-size: 24px; - line-height: 1.25em; - height: 1.25em; - } - .popup-placeholder { - height: 250px; - padding-top: 10px; - border: 1px solid rgba(0, 0, 0, 0); - } - .placeholder-info { - visibility: hidden; - opacity: 0; - transition: opacity 0.5s linear 0s, visibility 0s linear 0.5s; - } - .placeholder-info.placeholder-info-visible { - visibility: visible; - opacity: 1; - transition: opacity 0.5s linear 0s, visibility 0s linear 0s; - } - - .options { - float: right; - font-size: 14px; - line-height: 30px; - } - .theme-button { - display: inline-block; - margin-left: 0.5em; - text-decoration: none; - cursor: pointer; - white-space: nowrap; - line-height: 0; - } - .theme-button>input { - vertical-align: middle; - margin: 0 0.25em 0 0; - padding: 0; - } - .theme-button>span { - vertical-align: middle; - } - .theme-button:hover>span { - text-decoration: underline; - } - </style> - </head> - <body> - <div class="vertical-align-outer"><div class="vertical-align-inner"><div class="horizontal-size"> - <div class="example-text-container"> - <div class="options"><label class="theme-button"><input type="checkbox" id="theme-dark-checkbox" /><span>dark</span></label></div> - <span id="example-text">読め</span> - </div> - <div class="popup-placeholder"> - <div class="vertical-align-outer"><div class="vertical-align-inner placeholder-info"> - This page uses the dictionaries you have installed in order to show a preview. - If you see this message, make sure you have a dictionary installed. - </div></div> - </div> - </div></div></div> - - <script src="/mixed/js/core.js"></script> - <script src="/mixed/js/yomichan.js"></script> - <script src="/mixed/js/comm.js"></script> - <script src="/mixed/js/api.js"></script> - <script src="/mixed/js/dynamic-loader.js"></script> - <script src="/mixed/js/frame-client.js"></script> - <script src="/mixed/js/text-scanner.js"></script> - - <script src="/mixed/js/document-util.js"></script> - <script src="/fg/js/dom-text-scanner.js"></script> - <script src="/fg/js/popup.js"></script> - <script src="/fg/js/text-source-range.js"></script> - <script src="/fg/js/text-source-element.js"></script> - <script src="/fg/js/popup-factory.js"></script> - <script src="/fg/js/frontend.js"></script> - <script src="/fg/js/frame-offset-forwarder.js"></script> - <script src="/bg/js/settings/popup-preview-frame.js"></script> - - <script src="/bg/js/settings/popup-preview-frame-main.js"></script> - </body> -</html> |