fix default callout state

This commit is contained in:
Jacky Zhao 2023-07-04 18:26:11 -07:00
parent fe2852ff25
commit 92ca787092
4 changed files with 7 additions and 10 deletions

1
.gitignore vendored
View File

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

View File

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

View File

@ -71,11 +71,6 @@ a {
font-size: 2rem; font-size: 2rem;
} }
// darkmode diagrams
& svg {
stroke: var(--dark);
}
& ul:has(input[type='checkbox']) { & ul:has(input[type='checkbox']) {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;

View File

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