From 70dcf6acc24fb54f5be07b56dd5844a5f5ed3a4f Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Tue, 4 Jul 2023 18:26:11 -0700
Subject: [PATCH] fix default callout state
---
.gitignore | 1 +
quartz/components/scripts/callout.inline.ts | 4 ++--
quartz/styles/base.scss | 5 -----
quartz/styles/callouts.scss | 7 ++++---
4 files changed, 7 insertions(+), 10 deletions(-)
diff --git a/.gitignore b/.gitignore
index b39ea57..41e5a33 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
.DS_Store
+.gitignore
node_modules
public
.quartz-cache
diff --git a/quartz/components/scripts/callout.inline.ts b/quartz/components/scripts/callout.inline.ts
index 081a5a2..c13571a 100644
--- a/quartz/components/scripts/callout.inline.ts
+++ b/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`
}
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index d0faa7f..94c85c7 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -71,11 +71,6 @@ a {
font-size: 2rem;
}
- // darkmode diagrams
- & svg {
- stroke: var(--dark);
- }
-
& ul:has(input[type='checkbox']) {
list-style-type: none;
padding-left: 0;
diff --git a/quartz/styles/callouts.scss b/quartz/styles/callouts.scss
index d33d78b..46dffde 100644
--- a/quartz/styles/callouts.scss
+++ b/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 {