From 4bd714b7be4a5d891ab187a94e64e537cb43809e Mon Sep 17 00:00:00 2001
From: Stephen Tse <Stephen-X@users.noreply.github.com>
Date: Sat, 26 Apr 2025 18:05:51 +0000
Subject: [PATCH] fix(callout): Grid-based callout collapsible animation (#1944)
---
quartz/styles/callouts.scss | 14 +++++++++++---
1 files changed, 11 insertions(+), 3 deletions(-)
diff --git a/quartz/styles/callouts.scss b/quartz/styles/callouts.scss
index d6f65aa..02921ae 100644
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -7,11 +7,19 @@
border-radius: 5px;
padding: 0 1rem;
overflow-y: hidden;
- transition: max-height 0.3s ease;
box-sizing: border-box;
- & > .callout-content > :first-child {
- margin-top: 0;
+ & > .callout-content {
+ display: grid;
+ transition: grid-template-rows 0.3s ease;
+
+ & > .callout-content-inner {
+ overflow: hidden;
+
+ & > :first-child {
+ margin-top: 0;
+ }
+ }
}
--callout-icon-note: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="2" x2="22" y2="6"></line><path d="M7.5 20.5 19 9l-4-4L3.5 16.5 2 22z"></path></svg>');
--
Gitblit v1.10.0