🐞 fix: Use max-height for team-grid bio animation

This commit is contained in:
Keith Solomon
2026-07-25 15:33:10 -05:00
parent aabed2b437
commit 7c1c145846
2 changed files with 8 additions and 20 deletions
+4 -10
View File
@@ -6978,14 +6978,13 @@ a.contact-info__value:hover {
}
.team-grid .team-grid__bio-wrap {
transition-behavior: allow-discrete;
grid-template-rows: 0fr;
transition: grid-template-rows .3s;
display: grid;
max-height: 0;
transition: max-height .3s;
overflow: hidden;
}
.team-grid .team-grid__details[open] .team-grid__bio-wrap {
grid-template-rows: 1fr;
max-height: 1000px;
}
.team-grid .team-grid__details[open] .team-grid__read-bio:after {
@@ -6993,11 +6992,6 @@ a.contact-info__value:hover {
transform: rotate(180deg);
}
.team-grid .team-grid__bio-inner {
min-height: 0;
overflow: hidden;
}
.team-grid .team-grid__bio {
padding-top: calc(var(--spacing) * 2);
text-align: center;