studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

collapsable sections - add transition

Browse source
This commit is contained in:
isUnknown 2024-09-03 12:02:57 +02:00
parent 7efec15b2f
commit 674c65a25e
8 changed files with 35 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

20
assets/css/src/collapsable-section.css
View file

@ -4,7 +4,7 @@
padding: 0 !important;
}
.collapsable:not(.sessions) > *,
.collapsable > *,
.collapsable.sessions > button,
.collapsable .session {
padding: var(--row-padding);
@ -24,17 +24,21 @@
}
.collapsable__content {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
background-color: #fff;
font-size: var(--font-size-s);
border-bottom: none;
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.4s ease-in-out;
}
.collapsable__content {
max-height: 100%;
.collapsable__content > * {
overflow: hidden;
}
.collapsable__content {
font-size: var(--font-size-s);
.collapsable__content.open {
grid-template-rows: 1fr;
}
.collapsable__content .session {