☰

Youtube Collapse Sidebar

collapse youtube sidebar

当前为 2023-10-28 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name            Youtube Collapse Sidebar
  3. // @version         1.3
  4. // @description     collapse youtube sidebar
  5. // @namespace       https://greasyfork.org/users/821661
  6. // @match           https://www.youtube.com/*
  7. // @grant           GM_addStyle
  8. // @icon            https://cdn-icons-png.flaticon.com/512/7711/7711100.png
  9. // @author          hdyzen
  10. // @license         MIT
  11. // ==/UserScript==
  12. (function () {
  13.     ("use strict");
  14.  
  15.     let i = '!important';
  16.  
  17.     let style = GM_addStyle(`
  18.         ytd-app[guide-persistent-and-visible] tp-yt-app-drawer {
  19.             display: none ${i};
  20.         }
  21.         ytd-app[guide-persistent-and-visible] ytd-page-manager {
  22.             margin-left: var(--ytd-mini-guide-width) ${i};
  23.         }
  24.         ytd-app[guide-persistent-and-visible] ytd-mini-guide-renderer {
  25.             display: unset ${i};
  26.         }
  27.         ytd-app[mini-guide-visible] tp-yt-app-drawer {
  28.             display: unset ${i};
  29.             visibility: visible ${i};
  30.         }
  31.         ytd-app[mini-guide-visible] ytd-page-manager {
  32.             margin-left: var(--app-drawer-width) ${i};
  33.         }
  34.         ytd-app[mini-guide-visible] ytd-mini-guide-renderer {
  35.             display: none ${i};
  36.         }
  37.         ytd-app[mini-guide-visible] #scrim.tp-yt-app-drawer {
  38.             opacity: 1 ${i};
  39.         }
  40.         ytd-app[mini-guide-visible] #contentContainer.tp-yt-app-drawer {
  41.             transform: translate3d(0, 0, 0) ${i};
  42.         }
  43.         ytd-app[mini-guide-visible] #contentContainer.tp-yt-app-drawer #header.ytd-app {
  44.             display: none ${i};
  45.         }
  46.     `);
  47. })();