User:Monster Domosed/common.js: Difference between revisionsGive feedback
No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
(function () { | (function () { | ||
'use strict'; | |||
const root = document.documentElement; | |||
const applyState = () => { | |||
if (localStorage.getItem("fixedWidth") === "true") { | if (localStorage.getItem("fixedWidth") === "true") { | ||
root.classList.add("fixed-width-mode"); | |||
} | } | ||
} | }; | ||
applyState(); | |||
const personal = document.querySelector(".vector-menu-content-list"); | const init = () => { | ||
const personal = document.querySelector(".vector-menu-content-list"); | |||
if (!personal || document.querySelector(".toggle-width")) return; | |||
const toggle = document.createElement("a"); | |||
toggle.className = "toggle-width"; | |||
toggle.addEventListener("click", () => { | |||
root.classList.toggle("fixed-width-mode"); | |||
localStorage.setItem( | |||
"fixedWidth", | |||
root.classList.contains("fixed-width-mode") | |||
); | |||
}); | |||
personal.prepend(toggle); | |||
}; | |||
if (document.readyState === "loading") { | |||
document.addEventListener("DOMContentLoaded", init); | |||
} else { | |||
init(); | |||
} | |||
})(); | |||
}) | |||
/** | /** | ||