Fextralife Remove Twitch and Fix Layout

Removes twitch stream and fix layout for better readability.
目前为 2023-07-08 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         Fextralife Remove Twitch and Fix Layout
// @namespace    https://github.com/Dwyriel
// @version      1.0
// @description  Removes twitch stream and fix layout for better readability.
// @author       Dwyriel
// @license      MIT
// @match        https://*.fextralife.com/*
// @grant        none
// @homepageURL  https://github.com/Dwyriel/Greasyfork-Scripts
// ==/UserScript==

(function () {
    'use strict';
    const minMargin = 16, snapWidth = 480, desktopWidth = 1200, largeMobile = 768, maxMargin = 73.5 - minMargin;
    document.getElementById("sidebar-wrapper")?.remove();
    document.getElementById('fextrastream')?.remove();
    let wrapper = document.getElementById("wrapper");
    let fexMain = document.querySelector(".fex-main");
    //makes the main content look good on bigger screens and remove the giant spacing on the upper part
    fexMain.style = "max-width: 1024px;";
    document.getElementById("form-header").style = "max-height: 60px; margin-top: 0px;";
    const fixLayout = () => {
        formHeader.childNodes.forEach(child => child.remove());
        //window.innerWidth AND window.outerWidth had problems when the width was in the ranges of 475-480, body size was still correct but window size was going all over the place.. for whatever reason
        let windowWidth = document.body.clientWidth;
        wrapper.style.paddingLeft = windowWidth > snapWidth ? "4px" : "0px";
        let marginSize = "0px";
        if (windowWidth > desktopWidth)
            marginSize = "auto";
        else if (windowWidth >= largeMobile)
            marginSize = `${((windowWidth - largeMobile) / (desktopWidth - largeMobile) * maxMargin) + minMargin}px`;
        else if (windowWidth > snapWidth)
            marginSize = `${minMargin}px`;
        fexMain.style.marginLeft = marginSize;
        fexMain.style.marginRight = marginSize;
    };
    fixLayout();
    window.addEventListener('resize', () => fixLayout());
})();
欢迎访问Greasy Fork镜像
