Less Expansive Sidebar for T3Code 0.0.29 (circa nightly.20260723.887)

less-expansive-sidebar-for-t3code-0.0.29-nightly.20260723.887.js

(() => {
  const oldStyleIds = [
    "compact-sidebar-css",
    "compact-sidebar-spacing",
    "sidebar-font-only",
    "sidebar-font-patch",
  ];

  for (const id of oldStyleIds) {
    document.getElementById(id)?.remove();
  }

  const styleId = "sidebar-patch-consolidated";
  let style = document.getElementById(styleId);
  if (!style) {
    style = document.createElement("style");
    style.id = styleId;
    document.head.appendChild(style);
  }

  style.textContent = `
    [data-slot="sidebar-content"] > [data-sidebar="group"] {
      padding-left: 4px !important;
      padding-right: 4px !important;
    }

    [data-slot="sidebar-menu-button"][data-size="sm"] {
      min-height: 22px !important;
      height: 22px !important;
      padding: 0 4px !important;
      gap: 2px !important;
      align-items: center !important;
    }

    [data-slot="sidebar-menu-button"][data-size="sm"] > span {
      gap: 4px !important;
      align-items: center !important;
    }

    [data-slot="sidebar-menu-sub-button"] {
      min-height: 22px !important;
      height: 22px !important;
      padding: 0 6px !important;
      gap: 6px !important;
      align-items: center !important;
    }

    [data-slot="sidebar-menu-sub-button"] > :is(div, span) {
      gap: 4px !important;
      align-items: center !important;
    }

    [data-slot="sidebar-menu-sub-button"] > div:has([data-testid^="thread-title-"]) {
      padding-left: 0.6rem !important;
    }

    [data-slot="sidebar-menu-sub-button"] [data-testid^="thread-title-"] {
      font-size: 10.5px !important;
      line-height: 1.2 !important;
    }

    [data-slot="sidebar-menu-sub-button"] > [class*="ml-auto"] {
      gap: 1px !important;
    }

    [data-slot="sidebar-menu-sub-button"] > [class*="ml-auto"] > div {
      min-width: 42px !important;
      justify-content: flex-end !important;
    }

    [data-slot="sidebar-menu-sub-button"] > [class*="ml-auto"] > span > span {
      gap: 1px !important;
    }

    [data-slot="sidebar-menu-button"][data-size="sm"] > span .truncate {
      font-size: 11.5px !important;
      line-height: 1.2 !important;
    }

    [data-slot="sidebar-menu-sub-button"] .text-\\[10px\\] {
      font-size: 9px !important;
      line-height: 1 !important;
    }

    [data-slot="sidebar-menu-sub-button"][data-thread-selection-safe]:not([data-testid^="thread-row-"]) {
      min-height: 18px !important;
      height: 18px !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      font-size: 9px !important;
      line-height: 1 !important;
    }

    [data-slot="sidebar-menu-sub-button"][data-thread-selection-safe]:not([data-testid^="thread-row-"]) span {
      font-size: 9px !important;
      line-height: 1 !important;
    }
  `;
})();