User:Monster Domosed/common.js: Difference between revisions

No edit summary
No edit summary
Line 2: Line 2:


(function () {
(function () {
     try {
     'use strict';
 
    const root = document.documentElement;
 
    const applyState = () => {
         if (localStorage.getItem("fixedWidth") === "true") {
         if (localStorage.getItem("fixedWidth") === "true") {
             document.documentElement.classList.add("fixed-width-mode");
             root.classList.add("fixed-width-mode");
         }
         }
     } catch (e) {}
     };
})();


mw.hook('wikipage.content').add(function () {
    applyState();


     const personal = document.querySelector(".vector-menu-content-list");
     const init = () => {
    if (!personal) return;
        const personal = document.querySelector(".vector-menu-content-list");
    if (document.querySelector(".toggle-width")) return;
        if (!personal || document.querySelector(".toggle-width")) return;


    const li1 = document.createElement("li");
        const toggle = document.createElement("a");
    const li2 = document.createElement("li");
        toggle.className = "toggle-width";
    const li3 = document.createElement("li");


    li1.innerHTML = `<a href="/User:Kai/common.js">common.js</a>`;
        toggle.addEventListener("click", () => {
    li2.innerHTML = `<a href="/Wiki_Redesign.css">wiki redesign.css</a>`;
            root.classList.toggle("fixed-width-mode");
    li3.innerHTML = `<a href="/User:Kai/common.css">common.css</a>`;


    personal.prepend(li3, li1, li2);
            localStorage.setItem(
                "fixedWidth",
                root.classList.contains("fixed-width-mode")
            );
        });


    const toggle = document.createElement("a");
        personal.prepend(toggle);
     toggle.className = "toggle-width";
     };


     toggle.addEventListener("click", function () {
     if (document.readyState === "loading") {
         const root = document.documentElement;
         document.addEventListener("DOMContentLoaded", init);
        root.classList.toggle("fixed-width-mode");
    } else {
 
         init();
         localStorage.setItem(
     }
            "fixedWidth",
})();
            root.classList.contains("fixed-width-mode")
        );
     });
 
    personal.prepend(toggle);
});


/**
/**