smyalygames/quartz
Template
1
0
Fork 0
mirror of https://github.com/jackyzha0/quartz.git synced 2025-11-30 09:47:56 +01:00
Code Issues Actions 1 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

23
quartz/styles/callouts.scss
View File

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