☰

Youtube Collapse Sidebar

collapse youtube sidebar

Per 28-10-2023. Zie de nieuwste versie.

// ==UserScript==
// @name            Youtube Collapse Sidebar
// @version         1.3
// @description     collapse youtube sidebar
// @namespace       https://greasyfork.org/users/821661
// @match           https://www.youtube.com/*
// @grant           GM_addStyle
// @icon            https://cdn-icons-png.flaticon.com/512/7711/7711100.png
// @author          hdyzen
// @license         MIT
// ==/UserScript==
(function () {
    ("use strict");

    let i = '!important';

    let style = GM_addStyle(`
        ytd-app[guide-persistent-and-visible] tp-yt-app-drawer {
            display: none ${i};
        }
        ytd-app[guide-persistent-and-visible] ytd-page-manager {
            margin-left: var(--ytd-mini-guide-width) ${i};
        }
        ytd-app[guide-persistent-and-visible] ytd-mini-guide-renderer {
            display: unset ${i};
        }
        ytd-app[mini-guide-visible] tp-yt-app-drawer {
            display: unset ${i};
            visibility: visible ${i};
        }
        ytd-app[mini-guide-visible] ytd-page-manager {
            margin-left: var(--app-drawer-width) ${i};
        }
        ytd-app[mini-guide-visible] ytd-mini-guide-renderer {
            display: none ${i};
        }
        ytd-app[mini-guide-visible] #scrim.tp-yt-app-drawer {
            opacity: 1 ${i};
        }
        ytd-app[mini-guide-visible] #contentContainer.tp-yt-app-drawer {
            transform: translate3d(0, 0, 0) ${i};
        }
        ytd-app[mini-guide-visible] #contentContainer.tp-yt-app-drawer #header.ytd-app {
            display: none ${i};
        }
    `);
})();