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

fix(callouts): set height to entire callout content (#2194)

Browse Source 
* fix(callouts): set height to entire callout content

* Refactor callout-content to collapse all children simultaneously

* Testing better transition
This commit is contained in:
Emile Bangma
2025-11-06 15:05:32 +01:00
committed by GitHub
parent 45d2ef8690
commit 86a30ad150
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
quartz/styles/callouts.scss
View File

@@ -123,16 +123,25 @@
transform: rotateZ(-90deg); transform: rotateZ(-90deg);
} }
.callout-content > :first-child { .callout-content {
& > * {
transition: transition:
height 0.1s cubic-bezier(0.02, 0.01, 0.47, 1), height 0.1s cubic-bezier(0.02, 0.01, 0.47, 1),
margin 0.1s cubic-bezier(0.02, 0.01, 0.47, 1); margin 0.1s cubic-bezier(0.02, 0.01, 0.47, 1),
padding 0.1s cubic-bezier(0.02, 0.01, 0.47, 1);
overflow-y: clip; overflow-y: clip;
height: 0; height: 0;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}
& > :first-child {
margin-top: -1rem; margin-top: -1rem;
} }
} }
} }
}
.callout-title { .callout-title {
display: flex; display: flex;