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

Jump to navigation Jump to search
Browse history interactively
← Older editNewer edit →

Monster Domosed (talk | contribs)

2 user groups
4,611 edits
No edit summary
No edit summary
Line 2: Line 2:


(function () {
(function () {
    const root = document.documentElement;
    const applyState = (enabled) => {
        root.style.setProperty('--fixed-width', enabled ? '1200px' : '100%');
        root.style.setProperty('--left-nav', enabled ? '151px' : '');
        root.style.setProperty('--right-nav', enabled ? '311px' : '');
        root.style.setProperty('--personal-right', enabled ? '326px' : '');
    };
     const enabled = localStorage.getItem("fixedWidth") === "true";
     const enabled = localStorage.getItem("fixedWidth") === "true";
    applyState(enabled);


    document.documentElement.style.setProperty(
     document.addEventListener('DOMContentLoaded', function () {
        '--fixed-width',
        enabled ? '1200px' : '100vw'
    );
 
     document.addEventListener('DOMContentLoaded', () => {
         const personal = document.querySelector(".vector-menu-content-list");
         const personal = document.querySelector(".vector-menu-content-list");
         if (!personal || document.querySelector(".toggle-width")) return;
         if (!personal || document.querySelector(".toggle-width")) return;
Line 16: Line 22:
         toggle.className = "toggle-width";
         toggle.className = "toggle-width";


         toggle.addEventListener("click", () => {
         toggle.addEventListener("click", function () {
             const now = document.documentElement.style.getPropertyValue('--fixed-width') === '1200px';
             const now = root.style.getPropertyValue('--fixed-width') === '1200px';
 
             const next = !now;
             const next = !now;


             document.documentElement.style.setProperty(
             applyState(next);
                '--fixed-width',
                next ? '1200px' : '100vw'
            );
 
             localStorage.setItem("fixedWidth", next);
             localStorage.setItem("fixedWidth", next);
         });
         });
Line 32: Line 33:
     });
     });
})();
})();
/**
/**
  * Rotatable Model Viewer — with 2D / 3D toggle
  * Rotatable Model Viewer — with 2D / 3D toggle
Retrieved from "https://deadlock.wiki/User:Monster_Domosed/common.js"