yuriy/quartz-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(style): prevent callout icon from shrinking on long titles (closes #792)

Browse Source
This commit is contained in:
Jacky Zhao
2024-02-02 10:23:24 -08:00
parent 0a3379a853
commit 260498a96b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
quartz/styles/callouts.scss
View File

@@ -120,7 +120,7 @@
.callout-title { .callout-title {
display: flex; display: flex;
align-items: center; align-items: flex-start;
gap: 5px; gap: 5px;
padding: 1rem 0; padding: 1rem 0;
color: var(--color); color: var(--color);
@@ -131,8 +131,6 @@
transition: transform 0.15s ease; transition: transform 0.15s ease;
opacity: 0.8; opacity: 0.8;
cursor: pointer; cursor: pointer;
width: var(--icon-size);
height: var(--icon-size);
--callout-icon: var(--callout-icon-fold); --callout-icon: var(--callout-icon-fold);
} }
@@ -145,6 +143,7 @@
& .fold-callout-icon { & .fold-callout-icon {
width: var(--icon-size); width: var(--icon-size);
height: var(--icon-size); height: var(--icon-size);
flex: 0 0 var(--icon-size);
// icon support // icon support
background-size: var(--icon-size) var(--icon-size); background-size: var(--icon-size) var(--icon-size);
@@ -154,6 +153,7 @@
mask-size: var(--icon-size) var(--icon-size); mask-size: var(--icon-size) var(--icon-size);
mask-position: center; mask-position: center;
mask-repeat: no-repeat; mask-repeat: no-repeat;
padding: 0.2rem 0;
} }
.callout-title-inner { .callout-title-inner {