☰

Youtube Collapse Sidebar

collapse youtube sidebar

目前為 2023-10-30 提交的版本，檢視 最新版本。

// ==UserScript==
// @name            Youtube Collapse Sidebar
// @version         1.3.1
// @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(`
        @media only screen and (min-width: 1313px) {
            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};
            }
        }
    `);
})();