From 260498a96b90ed44c120f4234238b6813272ec47 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Fri, 02 Feb 2024 18:23:24 +0000
Subject: [PATCH] fix(style): prevent callout icon from shrinking on long titles (closes #792)
---
quartz/styles/callouts.scss | 6 +++---
1 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/quartz/styles/callouts.scss b/quartz/styles/callouts.scss
index d4f7069..7fa52c5 100644
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -120,7 +120,7 @@
.callout-title {
display: flex;
- align-items: center;
+ align-items: flex-start;
gap: 5px;
padding: 1rem 0;
color: var(--color);
@@ -131,8 +131,6 @@
transition: transform 0.15s ease;
opacity: 0.8;
cursor: pointer;
- width: var(--icon-size);
- height: var(--icon-size);
--callout-icon: var(--callout-icon-fold);
}
@@ -145,6 +143,7 @@
& .fold-callout-icon {
width: var(--icon-size);
height: var(--icon-size);
+ flex: 0 0 var(--icon-size);
// icon support
background-size: var(--icon-size) var(--icon-size);
@@ -154,6 +153,7 @@
mask-size: var(--icon-size) var(--icon-size);
mask-position: center;
mask-repeat: no-repeat;
+ padding: 0.2rem 0;
}
.callout-title-inner {
--
Gitblit v1.10.0