chore(css): style tweaks for overflow

Jacky Zhao

2025-04-05 ee8c1dc96803fcd189d439080713b8a98616a40f

 quartz/components/styles/toc.scss

@@ -3,18 +3,11 @@
.toc {
  display: flex;
  flex-direction: column;

  overflow-y: hidden;
  min-height: 1.2rem;
  flex: 0 1 auto;
  min-height: 1.4rem;
  flex: 0 0.5 auto;
  &:has(button.toc-header.collapsed) {
    flex: 0 1 1.2rem;
  }
}

@media all and not ($mobile) {
  .toc-header {
    display: flex;
    flex: 0 1 1.4rem;
  }
}

@@ -45,15 +38,15 @@
  }
}

ul.toc-content {
ul.toc-content.overflow {
  list-style: none;
  position: relative;
  margin: 0.5rem 0;
  padding: 0;
  height: 5rem;
  max-height: calc(100% - 2rem);
  overscroll-behavior: contain;

  list-style: none;

  & > li > a {
    color: var(--dark);
    opacity: 0.35;