☰

Toggle Sidebar in Fextralife

3/7/2022

当前为 2022-03-07 提交的版本，查看 最新版本。

// ==UserScript==
// @name        Toggle Sidebar in Fextralife
// @namespace   Zharay Scripting
// @match       https://*.fextralife.com/*
// @grant       none
// @version     1.0
// @author      Zharay
// @description 3/7/2022
// @license     MIT
// ==/UserScript==

var bIsToggled = false;
var sidewrapper = document.getElementById("sidebar-wrapper");
var wrapper = document.getElementById("wrapper");
var displayType = sidewrapper.style.display;
var paddingLeft = wrapper.style.paddingLeft;
var tglNode = document.createElement ('div');

tglNode.innerHTML = '<button id="sideTgl" type="button" class="btn btn-default">Toggle Sidebar</button>';
tglNode.setAttribute ('id', 'myContainer');
tglNode.setAttribute ('style', 'position:fixed;z-index=999;top:0;left:0');

function SideToggleAction (zEvent) {
    bIsToggled = !bIsToggled;
    sidewrapper = document.getElementById("sidebar-wrapper");
    sidewrapper.style.display = (bIsToggled ? displayType : "none");
    wrapper.style.paddingLeft = (bIsToggled ? paddingLeft : "0px");
}

function hideSidebar () {
    try {
        wrapper.style.paddingLeft = "0px";
    } catch (e) {}

    try {
        sidewrapper.style.display = "none";
    } catch (e) {}
}

(function() {
    if (sidewrapper) {
        hideSidebar();
        window.addEventListener('resize', function() { setTimeout(hideSidebar, 100); });
        document.body.appendChild (tglNode);
        document.getElementById ("sideTgl").addEventListener ( "click", SideToggleAction, false );
    }
}) ();