diff options
Diffstat (limited to 'data/extensions/https-everywhere@eff.org/pages/cancel')
3 files changed, 65 insertions, 20 deletions
diff --git a/data/extensions/https-everywhere@eff.org/pages/cancel/index.html b/data/extensions/https-everywhere@eff.org/pages/cancel/index.html index 8357ab4..5dd3551 100644 --- a/data/extensions/https-everywhere@eff.org/pages/cancel/index.html +++ b/data/extensions/https-everywhere@eff.org/pages/cancel/index.html @@ -8,11 +8,21 @@ <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> - <h1 id="https-everywhere"><img src="../../images/banner-red.png" alt="HTTPS Everywhere" /></h1> - <p data-i18n="cancel_he_blocking_explainer"></p> - <p id="url-paragraph"><span id="url-label">URL: </span><a href="#" id="originURL"></a></p> - <script src="../translation.js"></script> - <script src="../util.js"></script> - <script src="ux.js"></script> + <div class="content"> + <h1 id="https-everywhere"><img src="../../images/banner-red.png" alt="HTTPS Everywhere" /></h1> + <p data-i18n="cancel_he_blocking_explainer"></p> + + <p id="url-paragraph"> + <span id="url-label">URL: </span><span id="url-value">PLACEHOLDER</span> + </p> + + <form method="get" action="#" id="url-actions-form"> + <button type="button" name="open" formaction="#" id="open-url-button" data-i18n="cancel_open_page">Open insecure page</button> + </form> + + <script src="../translation.js"></script> + <script src="../util.js"></script> + <script src="ux.js"></script> + </div> </body> </html> diff --git a/data/extensions/https-everywhere@eff.org/pages/cancel/style.css b/data/extensions/https-everywhere@eff.org/pages/cancel/style.css index 80ec5b3..1858867 100644 --- a/data/extensions/https-everywhere@eff.org/pages/cancel/style.css +++ b/data/extensions/https-everywhere@eff.org/pages/cancel/style.css @@ -1,20 +1,48 @@ body{ margin-top: 6em; - left: 50%; position: relative; - overflow: hidden; + text-align: center; } -h1 img{ - position: relative; - left: -289px; +.content{ + width: 600px; + margin: auto; + text-align: left; } -p{ - width: 600px; - position: relative; - left: -300px; +h1{ + text-align: center; +} + +form, button, p{ font-size: 12pt; font-family: sans-serif; line-height: 150%; } + +form{ + overflow: auto; + margin-bottom: 1em; +} + +form button{ + padding: .5em 1em; + background-color: #aaa; + color: #fff; + border: none; + border-radius: 4px; + cursor: pointer; +} + +#url-value{ + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +#open-url-button{ + display: inline-block; + float: left; + background-color: #ec1e1e; +} diff --git a/data/extensions/https-everywhere@eff.org/pages/cancel/ux.js b/data/extensions/https-everywhere@eff.org/pages/cancel/ux.js index 8afb4fb..a1773ca 100644 --- a/data/extensions/https-everywhere@eff.org/pages/cancel/ux.js +++ b/data/extensions/https-everywhere@eff.org/pages/cancel/ux.js @@ -5,7 +5,9 @@ let observer; document.addEventListener("DOMContentLoaded", () => { const explainer = document.querySelector("[data-i18n=cancel_he_blocking_explainer]"); - observer = new MutationObserver(() => {replaceLink(explainer)}); + observer = new MutationObserver(() => { + replaceLink(explainer) + }); if (explainer.innerText.length > 0) { replaceLink(explainer); } else { @@ -14,7 +16,7 @@ document.addEventListener("DOMContentLoaded", () => { displayURL(); }); -function replaceLink(explainer){ +function replaceLink(explainer) { observer.disconnect(); const linkText = chrome.i18n.getMessage("cancel_he_blocking_network"); const link = document.createElement("a"); @@ -26,15 +28,20 @@ function replaceLink(explainer){ function displayURL() { const cancelURL = new URL(window.location.href); const originURL = decodeURI(cancelURL.searchParams.get('originURL')); - const originURLLink = document.getElementById('originURL'); - originURLLink.innerText = originURL; + const originURLLink = document.getElementById('url-value'); + const openURLButton = document.getElementById('open-url-button'); + + originURLLink.innerHTML = originURL; + originURLLink.href = originURL; - originURLLink.addEventListener("click", function() { + openURLButton.addEventListener("click", function() { if (confirm(chrome.i18n.getMessage("chrome_disable_on_this_site") + '?')) { const url = new URL(originURL); sendMessage("disable_on_site", url.host, () => { window.location = originURL; }); } + + return false; }); } |