style/collapsible widget: fade content when expanding or collapsing

This commit is contained in:
Adorian Doran
2026-02-03 03:03:50 +02:00
parent ff2a3d6a28
commit 38489dbfeb

View File

@@ -25,17 +25,26 @@
.collapsible-inner-body {
padding-top: 0.5em;
opacity: 0;
}
&.expanded {
.collapsible-title .arrow {
transform: rotate(90deg);
}
.collapsible-inner-body {
opacity: 1;
}
}
&.with-transition {
.collapsible-body {
transition: height 250ms ease-in;
}
.collapsible-inner-body {
transition: opacity 250ms ease-in;
}
}
}