fix default callout state

Jacky Zhao

2023-07-05 92ca78709227c6117797c52eada7d471bb4ba96a

fix default callout state

 .gitignore

@@ -1,4 +1,5 @@
.DS_Store
.gitignore
node_modules
public
.quartz-cache

 quartz/components/scripts/callout.inline.ts

@@ -1,7 +1,7 @@
function toggleCallout(this: HTMLElement) {
  const outerBlock = this.parentElement!
  this.classList.toggle(`is-collapsed`)
  const collapsed = this.classList.contains(`is-collapsed`)
  outerBlock.classList.toggle(`is-collapsed`)
  const collapsed = outerBlock.classList.contains(`is-collapsed`)
  const height = collapsed ? this.scrollHeight : outerBlock.scrollHeight
  outerBlock.style.maxHeight = height + `px`
}

 quartz/styles/base.scss

@@ -71,11 +71,6 @@
      font-size: 2rem;
    }

    // darkmode diagrams
    & svg {
      stroke: var(--dark);
    }

    & ul:has(input[type='checkbox']) {
      list-style-type: none;
      padding-left: 0;

 quartz/styles/callouts.scss

@@ -70,6 +70,10 @@
      --color: var(--secondary);
      --border: var(--lightgray);
    }
  
  &.is-collapsed > .callout-title > .fold {
    transform: rotateZ(-90deg)
  }
}


@@ -87,9 +91,6 @@
    cursor: pointer;
  }

  &.is-collapsed .fold {
    transform: rotateZ(-90deg)
  }
}

.callout-icon {