Make the config screen look nicer

5 年之前 · 8e3b9df8e0
--- a/config.css
+++ b/config.css
@@ -1,2 +1,14 @@
 body {
    min-width: 200pt;
    min-height: 200pt;
 }

 #blacklist {
    width: 100%;
    height: 70%;
 }

 #confirm {
    width: 100%;
    height: 20%;
 }
--- a/config.html
+++ b/config.html
@@ -5,11 +5,11 @@
        <script src="config.js"></script>
    </head>
    <body>
        Blacklisted words:
        <textarea id="blacklist">
        <label for="blacklist">Blacklisted words:</label>
        <br>
        <textarea id="blacklist" name="blacklist">

        </textarea>
        <input type="checkbox" id="debug-info" name="debug-info">
        <label for="debug-info">Show debug info in console</label>
        <button id="confirm">Save+Close</button>
    </body>
 </html>
--- a/config.js
+++ b/config.js
@@ -14,4 +14,13 @@ document.addEventListener("DOMContentLoaded", e => {

        chrome.storage.sync.set({"blacklist": JSON.stringify(blacklist)});
    });
 });

    document.querySelector("#confirm").addEventListener("click", e => {
        const blacklist = document.querySelector("#blacklist").value.toLowerCase().split("\n").map(line => line.trim()).filter(line => line.length > 0);

        chrome.storage.sync.set({"blacklist": JSON.stringify(blacklist)});

        window.close();

    });
 });
--- a/filter.js
+++ b/filter.js
@@ -4,3 +4,4 @@ const script = document.createElement("script");
 script.src = chrome.extension.getURL("inject.js");
 (document.head || document.documentElement).appendChild(script);
 script.onload = script.remove;