diff --git a/background.js b/background.js index 08a3251..c782616 100644 --- a/background.js +++ b/background.js @@ -4,15 +4,16 @@ // }); const bannedSlogansList = document.getElementById("bannedSlogansList"); +const page1 = document.getElementById("page1"); const page2btn = document.getElementById("s_page2"); const page1btn = document.getElementById("s_page1"); const container = document.getElementById("container"); page2btn.onclick = () => { - container.style.marginLeft = "-400px"; + page1.style.marginLeft = "-400px"; }; page1btn.onclick = () => { - container.style.marginLeft = "0px"; + page1.style.marginLeft = "0px"; }; function span(text) { diff --git a/popup.html b/popup.html index aa26199..34e91e6 100644 --- a/popup.html +++ b/popup.html @@ -11,13 +11,13 @@ margin: 0; } .container { - transition: all 0.25s ease; width: 400px; overflow: hidden; display: flex; padding: 5px 0; } .page { + transition: all 0.25s ease; width: 100%; } .h { @@ -51,7 +51,7 @@ text-align: center; margin-right: 10px; } - #s_page2 { + .pageBtn { display: block; width: 100%; text-align: left; @@ -62,7 +62,7 @@ outline: none; border: none; } - #s_page2:hover { + .pageBtn:hover { background: rgb(97, 97, 97); color: rgb(248, 248, 248); } @@ -70,12 +70,14 @@
- + Banned slogans found on this webpage:
- + Add your own banned words: