☰

Notion TOC

try to take over the world!

  1. // ==UserScript==
  2. // @name         Notion TOC
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2.5
  5. // @description  try to take over the world!
  6. // @author       You
  7. // @match        https://www.notion.so/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function () {
  12.     "use strict";
  13.     const initToc = (el) => {
  14.         el.style.boxSizing = "border-box";
  15.         el.style.width = "auto";
  16.         el.style.maxHeight = "calc(100% - 160px)";
  17.         el.style.overflowY = "auto";
  18.         el.style.position = "fixed";
  19.         el.style.top = "50%";
  20.         el.style.left = "50%";
  21.         el.style.zIndex = 1;
  22.         el.style.transform = "translate(500px, -50%)";
  23.     };
  24.  
  25.     const observer = new MutationObserver((mutations, self) => {
  26.         var el = document.querySelector(".notion-table_of_contents-block");
  27.         if (el) {
  28.             initToc(el);
  29.             self.disconnect();
  30.         }
  31.     });
  32.  
  33.     observer.observe(document, {
  34.         childList: true,
  35.         subtree: true,
  36.     });
  37. })();