☰

Youtube Collapse Sidebar

collapse youtube sidebar

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

  1. // ==UserScript==
  2. // @name            Youtube Collapse Sidebar
  3. // @version         1.3.1
  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.         @media only screen and (min-width: 1313px) {
  19.             ytd-app[guide-persistent-and-visible] tp-yt-app-drawer {
  20.                 display: none ${i};
  21.             }
  22.             ytd-app[guide-persistent-and-visible] ytd-page-manager {
  23.                 margin-left: var(--ytd-mini-guide-width) ${i};
  24.             }
  25.             ytd-app[guide-persistent-and-visible] ytd-mini-guide-renderer {
  26.                 display: unset ${i};
  27.             }
  28.             ytd-app[mini-guide-visible] tp-yt-app-drawer {
  29.                 display: unset ${i};
  30.                 visibility: visible ${i};
  31.             }
  32.             ytd-app[mini-guide-visible] ytd-page-manager {
  33.                 margin-left: var(--app-drawer-width) ${i};
  34.             }
  35.             ytd-app[mini-guide-visible] ytd-mini-guide-renderer {
  36.                 display: none ${i};
  37.             }
  38.             ytd-app[mini-guide-visible] #scrim.tp-yt-app-drawer {
  39.                 opacity: 1 ${i};
  40.             }
  41.             ytd-app[mini-guide-visible] #contentContainer.tp-yt-app-drawer {
  42.                 transform: translate3d(0, 0, 0) ${i};
  43.             }
  44.             ytd-app[mini-guide-visible] #contentContainer.tp-yt-app-drawer #header.ytd-app {
  45.                 display: none ${i};
  46.             }
  47.         }
  48.     `);
  49. })();