diff options
Diffstat (limited to 'src/pages')
-rw-r--r-- | src/pages/popup/popup.js | 5 | ||||
-rw-r--r-- | src/pages/popup/popup.pug | 2 | ||||
-rw-r--r-- | src/pages/stylesheets/styles.css | 16 |
3 files changed, 18 insertions, 5 deletions
diff --git a/src/pages/popup/popup.js b/src/pages/popup/popup.js index 777733f7..cfb7be27 100644 --- a/src/pages/popup/popup.js +++ b/src/pages/popup/popup.js @@ -70,10 +70,12 @@ browser.tabs.query({ active: true, currentWindow: true }, async tabs => { // Set visibility of control buttons if (tabs[0].url) { + const hr = document.getElementById("hr") url = new URL(tabs[0].url) servicesHelper.switchInstance(url).then(r => { if (r) { document.getElementById("change_instance_div").style.display = "" + hr.style.display = "" document.getElementById("change_instance").addEventListener("click", async () => browser.tabs.update({ url: await servicesHelper.switchInstance(url) }) ) @@ -82,6 +84,7 @@ browser.tabs.query({ active: true, currentWindow: true }, async tabs => { servicesHelper.copyRaw(url, true).then(r => { if (r) { document.getElementById("copy_original_div").style.display = "" + hr.style.display = "" document.getElementById("copy_original").addEventListener("click", () => servicesHelper.copyRaw(url) ) @@ -90,6 +93,7 @@ browser.tabs.query({ active: true, currentWindow: true }, async tabs => { servicesHelper.reverse(url).then(r => { if (r) { document.getElementById("redirect_to_original_div").style.display = "" + hr.style.display = "" document.getElementById("redirect_to_original").addEventListener("click", () => browser.runtime.sendMessage("reverseTab") ) @@ -98,6 +102,7 @@ browser.tabs.query({ active: true, currentWindow: true }, async tabs => { servicesHelper.redirectAsync(url, "main_frame", null, true).then(r => { if (r) { document.getElementById("redirect_div").style.display = "" + hr.style.display = "" document.getElementById("redirect").addEventListener("click", () => browser.runtime.sendMessage("redirectTab") ) diff --git a/src/pages/popup/popup.pug b/src/pages/popup/popup.pug index d7ebdd49..ed4c7319 100644 --- a/src/pages/popup/popup.pug +++ b/src/pages/popup/popup.pug @@ -30,7 +30,7 @@ html(lang="en") svg(xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" preserveAspectRatio="xMinYMin meet" fill="currentColor") path(d="M 17,20 V 11 Q 17,10.175 16.412,9.587 15.825,9 15,9 H 6.8 L 8.4,7.4 7,6 3,10 7,14 8.4,12.6 6.8,11 H 15 v 9 z" id="path2") - hr + hr(id="hr" style="display: none") div(id="current_site") include /src/pages/popup/switches diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css index 2aa52d57..e3212a66 100644 --- a/src/pages/stylesheets/styles.css +++ b/src/pages/stylesheets/styles.css @@ -131,7 +131,7 @@ section.links { flex-wrap: wrap; flex-direction: column; width: 350px; - max-height: 930px; + max-height: 970px; } section.links div { @@ -375,19 +375,27 @@ input:disabled { cursor: not-allowed; } - @media (max-width: 1250px) { body.option { flex-direction: column; - width: 750px; + width: 95vw; align-items: center; + padding: 40px 0px; } section.links { flex-direction: row; - width: 750px; + width: 95vw; padding: 0 55px; } + + section.block-option { + width: 95vw; + } + + div.checklist div x { + overflow: hidden; + } } html.mobile img, |